@syncfusion/ej2-dropdowns 22.1.38 → 22.2.5

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

@@ -3623,6 +3623,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         });
+        if (this.isReact && this.isFiltering() && this.itemTemplate != null) {
+            this.actionCompleteData.ulElement = this.ulElement.cloneNode(true);
+        }
     };
     DropDownList.prototype.destroyPopup = function () {
         this.isPopupOpen = false;
@@ -5406,7 +5409,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
                         data += temp;
                         temp = this.overFlowWrapper.innerHTML;
                         if (this.enableHtmlSanitizer) {
-                            this.overFlowWrapper.innerText = data;
+                            this.overFlowWrapper.innerText = SanitizeHtmlHelper.sanitize(data);
                         }
                         else {
                             this.overFlowWrapper.innerHTML = data;
@@ -6132,7 +6135,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         var isFooter = closest(target, '.' + FOOTER);
         var isScroller = target.classList.contains(DROPDOWN) ? true :
             (matches(target, '.e-ddt .e-popup') || matches(target, '.e-ddt .e-treeview'));
-        if ((this.isPopupOpen && (this.inputWrapper.contains(target) || isTree || isScroller || isHeader || isFooter)) ||
+        if ((this.isPopupOpen && ((!isNullOrUndefined(this.inputWrapper) && this.inputWrapper.contains(target)) || isTree || isScroller || isHeader || isFooter)) ||
             ((this.allowMultiSelection || this.showCheckBox) && (this.isPopupOpen && target.classList.contains(CHIP_CLOSE) ||
                 (this.isPopupOpen && (target.classList.contains(CHECKALLPARENT) || target.classList.contains(ALLTEXT)
                     || target.classList.contains(CHECKBOXFRAME)))))) {
@@ -6770,7 +6773,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         var chipContent = this.createElement('span', { className: CHIP_CONTENT });
         var chipClose = this.createElement('span', { className: CHIP_CLOSE + ' ' + ICONS });
         if (this.enableHtmlSanitizer) {
-            chipContent.innerText = text;
+            chipContent.innerText = SanitizeHtmlHelper.sanitize(text);
         }
         else {
             chipContent.innerHTML = text;
@@ -7428,10 +7431,34 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
         Input.setValue(null, this.inputEle, this.floatLabelType);
         detach(this.inputWrapper);
         detach(this.popupDiv);
+        detach(this.hiddenElement);
         this.element.classList.remove('e-input');
         if (this.showCheckBox || this.allowMultiSelection) {
             this.element.classList.remove(CHIP_INPUT);
         }
+        this.inputObj = null;
+        while (this.hiddenElement.options.length > 0) {
+            this.hiddenElement.remove(0);
+        }
+        this.hiddenElement.innerHTML = '';
+        this.hiddenElement = null;
+        this.inputWrapper = null;
+        this.popupDiv = null;
+        this.tree = null;
+        this.popupObj = null;
+        this.treeObj = null;
+        this.overAllClear = null;
+        this.chipWrapper = null;
+        this.chipCollection = null;
+        this.checkAllParent = null;
+        this.selectAllSpan = null;
+        this.checkBoxElement = null;
+        this.checkWrapper = null;
+        this.popupEle = null;
+        this.header = null;
+        this.footer = null;
+        this.overFlowWrapper = null;
+        this.keyboardModule = null;
         _super.prototype.destroy.call(this);
     };
     DropDownTree.prototype.destroyFilter = function () {
@@ -13813,10 +13840,12 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
     };
     CheckBoxSelection.prototype.setPopupFullScreen = function () {
-        attributes(this.parent.popupObj.element, { style: 'left:0px;right:0px;top:0px;bottom:0px;' });
-        addClass([document.body, this.parent.popupObj.element], popupFullScreen);
-        this.parent.popupObj.element.style.maxHeight = '100%';
-        this.parent.popupObj.element.style.width = '100%';
+        if (this.parent && this.parent.popupObj) {
+            attributes(this.parent.popupObj.element, { style: 'left:0px;right:0px;top:0px;bottom:0px;' });
+            addClass([document.body, this.parent.popupObj.element], popupFullScreen);
+            this.parent.popupObj.element.style.maxHeight = '100%';
+            this.parent.popupObj.element.style.width = '100%';
+        }
     };
     CheckBoxSelection.prototype.targetElement = function () {
         if (!isNullOrUndefined(this.clearIconElement)) {
@@ -14440,7 +14469,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
                 scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
             }
-            else if ((event.pageY - scrollMoved) - boundRect.y < 1) {
+            else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
                 scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
             }
         }