@syncfusion/ej2-splitbuttons 19.3.44 → 19.3.53

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

@@ -425,13 +425,23 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         }
         this.appendArrowSpan();
         this.setActiveElem([this.element]);
-        if (this.target || !this.createPopupOnClick) {
+        if ((this.target && !this.isColorPicker()) || !this.createPopupOnClick) {
             this.createPopup();
         }
         else {
             this.isPopupCreated = false;
         }
     };
+    DropDownButton.prototype.isColorPicker = function () {
+        if (!this.element) {
+            return false;
+        }
+        var prevElem = this.element.previousSibling;
+        if (prevElem && prevElem.classList && prevElem.classList.contains('e-split-colorpicker')) {
+            return true;
+        }
+        return false;
+    };
     DropDownButton.prototype.appendArrowSpan = function () {
         this.element.appendChild(this.createElement('span', {
             className: 'e-btn-icon e-icons ' + 'e-icon-' + (this.cssClass.indexOf(classNames.VERTICAL) > -1
@@ -483,6 +493,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
             attrList.forEach(function (key) {
                 _this.element.removeAttribute(key);
             });
+            this.popupUnWireEvents();
             this.destroyPopup();
             this.isPopupCreated = false;
             if (!this.disabled) {
@@ -546,7 +557,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
         if (this.createPopupOnClick) {
             EventHandler.remove(document, 'mousedown touchstart', this.delegateMousedownHandler);
         }
-        if (popupElement) {
+        if (popupElement && popupElement.parentElement) {
             EventHandler.remove(popupElement, 'click', this.clickHandler);
             EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
         }
@@ -619,7 +630,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
     DropDownButton.prototype.clickHandler = function (e) {
         var trgt = e.target;
         if (closest(trgt, '[id="' + this.element.id + '"]')) {
-            if (!this.createPopupOnClick || this.target) {
+            if (!this.createPopupOnClick || (this.target && !this.isColorPicker())) {
                 if (this.getPopUpElement().classList.contains('e-popup-close')) {
                     this.openPopUp(e);
                 }
@@ -702,7 +713,7 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
                 if (!_this.target && ul_2) {
                     detach(ul_2);
                 }
-                if (!_this.target) {
+                if (!_this.target || _this.isColorPicker()) {
                     if (_this.createPopupOnClick) {
                         _this.destroyPopup();
                     }