@syncfusion/ej2-splitbuttons 19.4.38 → 19.4.52

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

@@ -1,4 +1,4 @@
-import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getInstance, getUniqueID, getValue, isNullOrUndefined, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base';
+import { Animation, ChildProperty, Collection, Complex, Component, Event, EventHandler, KeyboardEvents, NotifyPropertyChanges, Property, SanitizeHtmlHelper, addClass, attributes, classList, closest, createElement, deleteObject, detach, extend, getComponent, getInstance, getUniqueID, getValue, isNullOrUndefined, remove, removeClass, rippleEffect, select, setValue } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { Popup, createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 
@@ -102,6 +102,9 @@ function setBlankIconStyle(popup) {
         return;
     }
     let iconLi = popup.querySelector('.e-item:not(.e-blank-icon):not(.e-separator)');
+    if (isNullOrUndefined(iconLi)) {
+        return;
+    }
     if (iconLi.classList.contains('e-url')) {
         iconLi = iconLi.querySelector('.e-menu-url');
     }
@@ -632,9 +635,25 @@ let DropDownButton = class DropDownButton extends Component {
         }
     }
     openPopUp(e = null) {
+        const popupElem = this.getPopUpElement();
         if (!this.target) {
             this.createItems(true);
         }
+        else {
+            if (this.activeElem.length > 1) {
+                let splitButton = getComponent(this.activeElem[0], 'split-btn');
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (splitButton.isReact && popupElem.childNodes.length < 1) {
+                    splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                }
+            }
+            else {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (this.isReact && popupElem.childNodes.length < 1) {
+                    this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                }
+            }
+        }
         const ul = this.getULElement();
         this.popupWireEvents();
         const beforeOpenArgs = { element: ul, items: this.items, event: e, cancel: false };