@syncfusion/ej2-dropdowns 22.1.39 → 22.2.8

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

@@ -3210,7 +3210,6 @@ let DropDownList = class DropDownList extends DropDownBase {
                 this.getFocusElement();
                 this.createPopup(popupEle, offsetValue, left);
                 this.checkCollision(popupEle);
-                const popupLeft = this.enableRtl ? parseFloat(popupEle.style.left) - (this.ulElement.parentElement.offsetWidth - this.inputWrapper.container.offsetWidth) : 0;
                 if (Browser.isDevice) {
                     this.popupObj.element.classList.add(dropDownListClasses.device);
                     if (this.getModuleName() === 'dropdownlist' || (this.getModuleName() === 'combobox'
@@ -3263,9 +3262,6 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.beforePopupOpen = false;
                         this.destroyPopup();
                     }
-                    if (this.enableRtl && popupLeft > 0) {
-                        popupEle.style.left = popupLeft + "px";
-                    }
                 });
             }
             else {
@@ -3292,7 +3288,8 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.popupObj = new Popup(element, {
             width: this.setWidth(), targetType: 'relative',
             relateTo: this.inputWrapper.container, collision: { X: 'flip', Y: 'flip' }, offsetY: offsetValue,
-            enableRtl: this.enableRtl, offsetX: left, position: { X: 'left', Y: 'bottom' },
+            enableRtl: this.enableRtl, offsetX: left,
+            position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
             zIndex: this.zIndex,
             close: () => {
                 if (!this.isDocumentClick) {
@@ -3559,6 +3556,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 +5304,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 +6025,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 +6663,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 +7320,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() {
@@ -9219,9 +9243,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                 if (this.isFirstClick) {
                     this.loadTemplate();
                 }
-                if (this.enableRtl) {
-                    this.popupWrapper.style.visibility = 'hidden';
-                }
             }
         });
     }
@@ -11069,7 +11090,8 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     this.list.style.maxHeight = formatUnit(this.popupHeight);
                 }
                 this.popupObj = new Popup(this.popupWrapper, {
-                    width: this.calcPopupWidth(), targetType: 'relative', position: { X: 'left', Y: 'bottom' },
+                    width: this.calcPopupWidth(), targetType: 'relative',
+                    position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
                     relateTo: this.overAllWrapper, collision: { X: 'flip', Y: 'flip' }, offsetY: 1,
                     enableRtl: this.enableRtl, zIndex: this.zIndex,
                     close: () => {
@@ -11085,11 +11107,6 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     },
                     open: () => {
                         this.popupObj.resolveCollision();
-                        if (this.enableRtl) {
-                            const popupLeft = parseFloat(this.popupWrapper.style.left) - (this.popupWrapper.offsetWidth - this.overAllWrapper.offsetWidth);
-                            this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : this.popupWrapper.style.left;
-                            this.popupWrapper.style.visibility = 'hidden';
-                        }
                         if (!this.isFirstClick) {
                             const ulElement = this.list.querySelector('ul');
                             if (ulElement) {