@syncfusion/ej2-dropdowns 22.1.38 → 22.2.5

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

@@ -3559,6 +3559,9 @@ let DropDownList = class DropDownList extends DropDownBase {
                 }
             }
         });
+        if (this.isReact && this.isFiltering() && this.itemTemplate != null) {
+            this.actionCompleteData.ulElement = this.ulElement.cloneNode(true);
+        }
     }
     destroyPopup() {
         this.isPopupOpen = false;
@@ -5304,7 +5307,7 @@ let DropDownTree = class DropDownTree extends Component {
                         data += temp;
                         temp = this.overFlowWrapper.innerHTML;
                         if (this.enableHtmlSanitizer) {
-                            this.overFlowWrapper.innerText = data;
+                            this.overFlowWrapper.innerText = SanitizeHtmlHelper.sanitize(data);
                         }
                         else {
                             this.overFlowWrapper.innerHTML = data;
@@ -6025,7 +6028,7 @@ let DropDownTree = class DropDownTree extends Component {
         const isFooter = closest(target, '.' + FOOTER);
         const 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)))))) {
@@ -6663,7 +6666,7 @@ let DropDownTree = class DropDownTree extends Component {
         const chipContent = this.createElement('span', { className: CHIP_CONTENT });
         const chipClose = this.createElement('span', { className: CHIP_CLOSE + ' ' + ICONS });
         if (this.enableHtmlSanitizer) {
-            chipContent.innerText = text;
+            chipContent.innerText = SanitizeHtmlHelper.sanitize(text);
         }
         else {
             chipContent.innerHTML = text;
@@ -7320,10 +7323,34 @@ let DropDownTree = class DropDownTree extends Component {
         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.destroy();
     }
     destroyFilter() {
@@ -13629,10 +13656,12 @@ class CheckBoxSelection {
         clearElement.parentElement.insertBefore(this.filterInput, clearElement);
     }
     setPopupFullScreen() {
-        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%';
+        }
     }
     targetElement() {
         if (!isNullOrUndefined(this.clearIconElement)) {
@@ -14226,7 +14255,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             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;
             }
         }