@syncfusion/ej2-splitbuttons 32.1.24 → 32.2.7

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

@@ -354,7 +354,15 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             className: this.popupWidth !== 'auto' ? classNames.POPUP + " " + classNames.POPUPWIDTH : classNames.POPUP,
             id: this.element.id + '-popup'
         });
-        document.body.appendChild(div);
+        var appendToElement = document.body;
+        if (this.isAngular) {
+            var cdkPane = this.element.closest('.cdk-overlay-pane');
+            var popoverEl = this.element.closest('[popover]');
+            if (cdkPane && popoverEl) {
+                appendToElement = cdkPane;
+            }
+        }
+        appendToElement.appendChild(div);
         this.dropDown = new Popup(div, {
             width: this.popupWidth,
             relateTo: this.element,
@@ -1374,6 +1382,9 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
         };
         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;
@@ -1434,6 +1445,9 @@ var SplitButton = /** @__PURE__ @class */ (function (_super) {
                 }
                 this.unWireEvents();
             }
+            else if (this.wrapper && this.wrapper.tagName === TAGNAME) {
+                this.unWireEvents();
+            }
         }
         this.primaryBtnObj.destroy();
         this.secondaryBtnObj.destroy();