@syncfusion/ej2-ribbon 30.1.37 → 30.1.41

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

@@ -4527,7 +4527,8 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         this.currentControlIndex = 0;
     }
     wireEvents() {
-        EventHandler.add(window, 'resize', this.resizeHandler, this);
+        this.resizeListener = this.resizeHandler.bind(this);
+        EventHandler.add(window, 'resize', this.resizeListener);
         EventHandler.add(document.body, 'keydown', this.keytipActionHandler, this);
         EventHandler.add(document, 'mousedown', this.mouseEventHandler, this);
         EventHandler.add(document, 'scroll', this.mouseEventHandler, this);
@@ -4763,14 +4764,16 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
     }
     resizeHandler() {
         const activeContent = this.tabObj.element.querySelector('#' + this.tabs[this.selectedTab].id + CONTENT_ID);
-        this.checkOverflow(this.selectedTab, activeContent);
+        if (!isNullOrUndefined(activeContent)) {
+            this.checkOverflow(this.selectedTab, activeContent);
+        }
         if (this.scrollModule) {
             const scrollEle = this.tabObj.element.querySelector('.' + HORIZONTAL_SCROLLBAR);
             this.scrollModule.scrollStep = scrollEle.offsetWidth;
         }
         if (this.activeLayout === 'Simplified') {
             const activePopup = document.querySelectorAll('.e-ribbon .e-dropdown-btn.e-active, .e-ribbon-group-overflow-ddb .e-dropdown-btn.e-active');
-            if (activePopup.length) {
+            if (!isNullOrUndefined(activePopup) && activePopup.length) {
                 for (let i = 0; i < activePopup.length; i++) {
                     const dropDownBtn = getInstance(activePopup[parseInt(i.toString(), 10)], DropDownButton);
                     dropDownBtn.toggle();
@@ -6462,6 +6465,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
                 const eventArgs = { element: args.element, event: args.event, cancel: args.cancel };
                 this.trigger('overflowPopupClose', eventArgs, (ribbonArgs) => {
                     if (ele || ribbonArgs.cancel || groupButtonEle) {
+                        args.element = null;
                         args.cancel = true;
                     }
                 });
@@ -9089,7 +9093,7 @@ let Ribbon = Ribbon_1 = class Ribbon extends Component {
         }
     }
     unwireEvents() {
-        EventHandler.remove(window, 'resize', this.resizeHandler);
+        EventHandler.remove(window, 'resize', this.resizeListener);
         EventHandler.remove(document.body, 'keydown', this.keytipActionHandler);
         EventHandler.remove(document, 'mousedown', this.mouseEventHandler);
         EventHandler.remove(document, 'scroll', this.mouseEventHandler);