@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

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

@@ -313,7 +313,15 @@ let DropDownButton = class DropDownButton extends Component {
             className: this.popupWidth !== 'auto' ? `${classNames.POPUP} ${classNames.POPUPWIDTH}` : classNames.POPUP,
             id: this.element.id + '-popup'
         });
-        document.body.appendChild(div);
+        let appendToElement = document.body;
+        if (this.isAngular) {
+            const cdkPane = this.element.closest('.cdk-overlay-pane');
+            const popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                appendToElement = cdkPane;
+            }
+        }
+        appendToElement.appendChild(div);
         this.dropDown = new Popup(div, {
             width: this.popupWidth,
             relateTo: this.element,
@@ -1309,6 +1317,9 @@ let SplitButton = class SplitButton extends DropDownButton {
         };
         this.secondaryBtnObj = new DropDownButton(dropDownBtnModel);
         this.secondaryBtnObj.createElement = this.createElement;
+        if (this.isAngular) {
+            this.secondaryBtnObj.isAngular = this.isAngular;
+        }
         this.secondaryBtnObj.appendTo(btnElem);
         if (!this.createPopupOnClick) {
             this.secondaryBtnObj.dropDown.relateTo = this.wrapper;
@@ -1368,6 +1379,9 @@ let SplitButton = class SplitButton extends DropDownButton {
                 }
                 this.unWireEvents();
             }
+            else if (this.wrapper && this.wrapper.tagName === TAGNAME) {
+                this.unWireEvents();
+            }
         }
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();