@syncfusion/ej2-ribbon 28.2.3 → 29.1.34

package/dist/es6/ej2-ribbon.es5.js

@@ -1839,7 +1839,9 @@ var RibbonButton = /** @__PURE__ @class */ (function () {
             return;
         }
         var buttonObj = getComponent(buttonEle, Button);
-        buttonObj.click();
+        if (!buttonObj.disabled) {
+            buttonObj.click();
+        }
     };
     /**
      * Updates the button properties.
@@ -2000,7 +2002,9 @@ var RibbonCheckBox = /** @__PURE__ @class */ (function () {
             return;
         }
         var checkBoxObj = getComponent(inputEle, CheckBox);
-        checkBoxObj.click();
+        if (!checkBoxObj.disabled) {
+            checkBoxObj.click();
+        }
     };
     /**
      * Updates the checkbox.
@@ -2213,7 +2217,9 @@ var RibbonColorPicker = /** @__PURE__ @class */ (function () {
         if (!colorPickerObj) {
             return;
         }
-        colorPickerObj.toggle();
+        if (!colorPickerObj.disabled) {
+            colorPickerObj.toggle();
+        }
     };
     /**
      * Updates the colorpicker properties.
@@ -2849,7 +2855,13 @@ var RibbonDropDown = /** @__PURE__ @class */ (function () {
      * @returns {void}
      */
     RibbonDropDown.prototype.toggle = function (controlId) {
-        this.getDropDownObj(controlId).toggle();
+        var dropdownObj = this.getDropDownObj(controlId);
+        if (!dropdownObj) {
+            return;
+        }
+        if (!dropdownObj.disabled) {
+            dropdownObj.toggle();
+        }
     };
     /**
      * Updates the dropdown.
@@ -3122,7 +3134,13 @@ var RibbonSplitButton = /** @__PURE__ @class */ (function () {
      * @returns {void}
      */
     RibbonSplitButton.prototype.toggle = function (controlId) {
-        this.getSplitButtonObj(controlId).toggle();
+        var splitBtnObj = this.getSplitButtonObj(controlId);
+        if (!splitBtnObj) {
+            return;
+        }
+        if (!splitBtnObj.disabled) {
+            splitBtnObj.toggle();
+        }
     };
     /**
      * Updates the splitbutton.
@@ -11067,7 +11085,8 @@ var RibbonKeyTip = /** @__PURE__ @class */ (function () {
             if ((isPopUpItem && isPopUpPresent) || !isPopUpItem) {
                 var keytipElement = this.parent.createElement('div', {
                     className: RIBBON_KEYTIP,
-                    id: id + RIBBON_KEYTIP_ID
+                    id: id + RIBBON_KEYTIP_ID,
+                    attrs: { role: 'dialog', 'aria-label': 'ribbon-keytip' }
                 });
                 document.body.append(keytipElement);
                 var keytipPopup = new Popup(keytipElement, {
@@ -11076,7 +11095,8 @@ var RibbonKeyTip = /** @__PURE__ @class */ (function () {
                     collision: { X: 'fit', Y: 'flip' },
                     targetType: 'relative',
                     position: { X: xOffset, Y: yOffset },
-                    enableRtl: this.parent.enableRtl
+                    enableRtl: this.parent.enableRtl,
+                    actionOnScroll: 'hide'
                 });
                 keytipPopup.show();
                 this.calculateKeyTipPosition(keyEle, keytipElement, type, yOffset);
@@ -11241,24 +11261,30 @@ var RibbonKeyTip = /** @__PURE__ @class */ (function () {
                     break;
                 case 'combobox': {
                     var itemEle_1 = document.querySelector('#' + itemID);
-                    setTimeout(function () {
-                        itemEle_1.focus();
-                    }, 100);
+                    if (this.isInteractableElement(itemEle_1)) {
+                        setTimeout(function () {
+                            itemEle_1.focus();
+                        }, 100);
+                    }
                     break;
                 }
                 case 'gallery': {
                     var galleryEle = document.querySelector('#' + itemID);
-                    galleryEle.click();
+                    if (this.isInteractableElement(galleryEle)) {
+                        galleryEle.click();
+                    }
                     break;
                 }
                 case 'template': {
                     var templateEle = document.querySelector('#' + itemID);
-                    templateEle.focus();
+                    if (this.isInteractableElement(templateEle)) {
+                        templateEle.focus();
+                    }
                     break;
                 }
                 case 'group-btn': {
                     var itemElement = document.querySelector('#' + itemID);
-                    if (itemElement) {
+                    if (this.isInteractableElement(itemElement)) {
                         var item = getInstance(itemElement, DropDownButton);
                         item.toggle();
                         for (var i = 0; i < itemProp.item.groupButtonSettings.items.length; i++) {
@@ -11272,6 +11298,9 @@ var RibbonKeyTip = /** @__PURE__ @class */ (function () {
             }
         }
     };
+    RibbonKeyTip.prototype.isInteractableElement = function (element) {
+        return element && !element.closest('.e-ribbon-item').classList.contains('e-disabled');
+    };
     RibbonKeyTip.prototype.commonItemsKeyTipPress = function (keyPress, key, isMethod) {
         var _this = this;
         if (this.parent.keyTipElements["" + key]) {