@syncfusion/ej2-ribbon 34.1.30 → 34.1.31

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.1.30
+*  version : 34.1.31
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-ribbon",
-  "version": "34.1.30",
+  "version": "34.1.31",
   "description": "Essential JS 2 Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -13,9 +13,9 @@
     "@syncfusion/ej2-buttons": "~34.1.30",
     "@syncfusion/ej2-dropdowns": "~34.1.30",
     "@syncfusion/ej2-lists": "~34.1.30",
-    "@syncfusion/ej2-navigations": "~34.1.30",
+    "@syncfusion/ej2-navigations": "~34.1.31",
     "@syncfusion/ej2-popups": "~34.1.29",
-    "@syncfusion/ej2-splitbuttons": "~34.1.29"
+    "@syncfusion/ej2-splitbuttons": "~34.1.31"
   },
   "devDependencies": {},
   "keywords": [

package/src/ribbon/base/ribbon.js

@@ -899,6 +899,10 @@ var Ribbon = /** @class */ (function (_super) {
         if (dropDownPopup) {
             dropDownPopup.setProperties({ position: { X: isLeft ? 'left' : 'right', Y: isMenu ? 'top' : 'bottom' } }, true);
             if (isMenu) {
+                var target = this.getAppendToElement();
+                if (dropdown && dropdown.dropDown && !target.contains(dropdown.dropDown.element)) {
+                    target.appendChild(dropdown.dropDown.element);
+                }
                 dropdown.beforeOpen = function (e) {
                     if (isLeft) {
                         if (item.type === RibbonItemType.Gallery && _this.ribbonGalleryModule) {

package/src/ribbon/items/ribbon-gallery.js

@@ -266,10 +266,15 @@ var RibbonGallery = /** @class */ (function () {
             galleryWrapper.style.width = itemsWidth + 'px';
         }
     };
-    RibbonGallery.prototype.setWrapperStyle = function (popup, popupContainerItems) {
+    RibbonGallery.prototype.setWrapperStyle = function (popup, popupContainerItems, isOverflow) {
         if (popup.width !== 'auto') {
             popupContainerItems.forEach(function (ele) {
-                ele.style.flexFlow = 'column wrap';
+                if (isOverflow) {
+                    ele.style.flexFlow = 'column wrap';
+                }
+                else {
+                    ele.style.flexFlow = 'wrap';
+                }
             });
         }
     };
@@ -516,6 +521,7 @@ var RibbonGallery = /** @class */ (function () {
                 popupButton.classList.add('e-hidden');
             }
             var itemProp = getItem(this.parent.tabs, item.id);
+            var isGroupOF_1 = itemProp && itemProp.group ? itemProp.group.enableGroupOverflow : false;
             var iconCss = itemProp && itemProp.group.groupIconCss ? itemProp.group.groupIconCss : '';
             var content = itemProp && itemProp.group.header ? itemProp.group.header : '';
             if (!iconCss) {
@@ -550,7 +556,7 @@ var RibbonGallery = /** @class */ (function () {
                 },
                 open: function () {
                     var popupContainerItems = popupContainerEle_1.querySelectorAll('.e-ribbon-gallery-container');
-                    _this.setWrapperStyle(popup_1, popupContainerItems);
+                    _this.setWrapperStyle(popup_1, popupContainerItems, isGroupOF_1);
                     _this.setFoucsToFirstItem(popupContainerEle_1, true, item.id);
                     if (popup_1.width !== 'auto') {
                         _this.alignGalleryPopupLeft(popupContainerEle_1, buttonEle_1);