@syncfusion/ej2-ribbon 34.1.29 → 34.1.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ej2-ribbon.umd.min.js +2 -2
- package/dist/ej2-ribbon.umd.min.js.map +1 -1
- package/dist/es6/ej2-ribbon.es2015.js +13 -3
- package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
- package/dist/es6/ej2-ribbon.es5.js +13 -3
- package/dist/es6/ej2-ribbon.es5.js.map +1 -1
- package/dist/global/ej2-ribbon.min.js +2 -2
- package/dist/global/ej2-ribbon.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -7
- package/src/ribbon/base/ribbon.js +4 -0
- package/src/ribbon/items/ribbon-gallery.js +9 -3
|
@@ -3997,10 +3997,15 @@ class RibbonGallery {
|
|
|
3997
3997
|
galleryWrapper.style.width = itemsWidth + 'px';
|
|
3998
3998
|
}
|
|
3999
3999
|
}
|
|
4000
|
-
setWrapperStyle(popup, popupContainerItems) {
|
|
4000
|
+
setWrapperStyle(popup, popupContainerItems, isOverflow) {
|
|
4001
4001
|
if (popup.width !== 'auto') {
|
|
4002
4002
|
popupContainerItems.forEach((ele) => {
|
|
4003
|
-
|
|
4003
|
+
if (isOverflow) {
|
|
4004
|
+
ele.style.flexFlow = 'column wrap';
|
|
4005
|
+
}
|
|
4006
|
+
else {
|
|
4007
|
+
ele.style.flexFlow = 'wrap';
|
|
4008
|
+
}
|
|
4004
4009
|
});
|
|
4005
4010
|
}
|
|
4006
4011
|
}
|
|
@@ -4245,6 +4250,7 @@ class RibbonGallery {
|
|
|
4245
4250
|
popupButton.classList.add('e-hidden');
|
|
4246
4251
|
}
|
|
4247
4252
|
const itemProp = getItem(this.parent.tabs, item.id);
|
|
4253
|
+
const isGroupOF = itemProp && itemProp.group ? itemProp.group.enableGroupOverflow : false;
|
|
4248
4254
|
let iconCss = itemProp && itemProp.group.groupIconCss ? itemProp.group.groupIconCss : '';
|
|
4249
4255
|
const content = itemProp && itemProp.group.header ? itemProp.group.header : '';
|
|
4250
4256
|
if (!iconCss) {
|
|
@@ -4279,7 +4285,7 @@ class RibbonGallery {
|
|
|
4279
4285
|
},
|
|
4280
4286
|
open: () => {
|
|
4281
4287
|
const popupContainerItems = popupContainerEle.querySelectorAll('.e-ribbon-gallery-container');
|
|
4282
|
-
this.setWrapperStyle(popup, popupContainerItems);
|
|
4288
|
+
this.setWrapperStyle(popup, popupContainerItems, isGroupOF);
|
|
4283
4289
|
this.setFoucsToFirstItem(popupContainerEle, true, item.id);
|
|
4284
4290
|
if (popup.width !== 'auto') {
|
|
4285
4291
|
this.alignGalleryPopupLeft(popupContainerEle, buttonEle);
|
|
@@ -5412,6 +5418,10 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
|
|
|
5412
5418
|
if (dropDownPopup) {
|
|
5413
5419
|
dropDownPopup.setProperties({ position: { X: isLeft ? 'left' : 'right', Y: isMenu ? 'top' : 'bottom' } }, true);
|
|
5414
5420
|
if (isMenu) {
|
|
5421
|
+
const target = this.getAppendToElement();
|
|
5422
|
+
if (dropdown && dropdown.dropDown && !target.contains(dropdown.dropDown.element)) {
|
|
5423
|
+
target.appendChild(dropdown.dropDown.element);
|
|
5424
|
+
}
|
|
5415
5425
|
dropdown.beforeOpen = (e) => {
|
|
5416
5426
|
if (isLeft) {
|
|
5417
5427
|
if (item.type === RibbonItemType.Gallery && this.ribbonGalleryModule) {
|