@syncfusion/ej2-dropdowns 22.1.34 → 22.1.37

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

@@ -258,6 +258,7 @@ let DropDownBase = class DropDownBase extends Component {
         this.isPreventChange = false;
         this.isDynamicDataChange = false;
         this.addedNewItem = false;
+        this.isAddNewItemTemplate = false;
     }
     getPropObject(prop, newProp, oldProp) {
         const newProperty = new Object();
@@ -437,7 +438,7 @@ let DropDownBase = class DropDownBase extends Component {
         else {
             const l10nLocale = { noRecordsTemplate: 'No records found', actionFailureTemplate: 'Request failed' };
             const componentLocale = new L10n(this.getLocaleName(), {}, this.locale);
-            if (componentLocale.getConstant('actionFailureTemplate') !== '') {
+            if (componentLocale.getConstant('actionFailureTemplate') !== '' || componentLocale.getConstant('noRecordsTemplate') !== '') {
                 this.l10n = componentLocale;
             }
             else {
@@ -1302,6 +1303,7 @@ let DropDownBase = class DropDownBase extends Component {
             if (!isNullOrUndefined(this.list)) {
                 this.list.innerHTML = '';
                 this.list.classList.remove(dropDownBaseClasses.noData);
+                this.isAddNewItemTemplate = true;
                 if (!isNullOrUndefined(this.ulElement)) {
                     this.list.appendChild(this.ulElement);
                 }
@@ -1959,6 +1961,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         EventHandler.add(this.inputWrapper.container, 'mousedown', this.dropDownClick, this);
         EventHandler.add(this.inputWrapper.container, 'focus', this.focusIn, this);
         EventHandler.add(this.inputWrapper.container, 'keypress', this.onSearch, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
         this.bindCommonEvent();
     }
     bindCommonEvent() {
@@ -1979,6 +1982,11 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         this.bindClearEvent();
     }
+    windowResize() {
+        if (this.isPopupOpen) {
+            this.popupObj.refreshPosition(this.inputWrapper.container);
+        }
+    }
     bindClearEvent() {
         if (this.showClearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
@@ -2304,6 +2312,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             EventHandler.remove(this.inputWrapper.container, 'mousedown', this.dropDownClick);
             EventHandler.remove(this.inputWrapper.container, 'keypress', this.onSearch);
             EventHandler.remove(this.inputWrapper.container, 'focus', this.focusIn);
+            EventHandler.remove(window, 'resize', this.windowResize);
         }
         this.unBindCommonEvent();
     }
@@ -4086,6 +4095,10 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (!this.enabled) {
             return;
         }
+        if (this.isReact && this.getModuleName() === 'combobox' && this.itemTemplate && this.isCustomFilter && this.isAddNewItemTemplate) {
+            this.renderList();
+            this.isAddNewItemTemplate = false;
+        }
         if (this.isFiltering() && this.dataSource instanceof DataManager && (this.actionData.list !== this.actionCompleteData.list) &&
             this.actionData.list && this.actionData.ulElement) {
             this.actionCompleteData = this.actionData;
@@ -4264,6 +4277,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.previousSelectedLI = null;
         this.valueTempElement = null;
         this.actionData.ulElement = null;
+        if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
+            this.inputElement.onchange = null;
+        }
         super.destroy();
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -7612,6 +7628,7 @@ let ComboBox = class ComboBox extends DropDownList {
             EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
             EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.inputElement, 'paste', this.pasteHandler, this);
+            EventHandler.add(window, 'resize', this.windowResize, this);
         }
         this.bindCommonEvent();
     }
@@ -7964,6 +7981,7 @@ let ComboBox = class ComboBox extends DropDownList {
                 EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
                 EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                 EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);
+                EventHandler.remove(window, 'resize', this.windowResize);
             }
         }
         this.unBindCommonEvent();
@@ -14187,7 +14205,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
                 scrollParent = wrapper;
             }
             boundRect = scrollParent.getBoundingClientRect();
-            if ((boundRect.y + scrollParent.offsetHeight) - (event.pageY + scrollMoved) < 1) {
+            if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
                 scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
             }
             else if ((event.pageY - scrollMoved) - boundRect.y < 1) {
@@ -16357,6 +16375,7 @@ let Mention = class Mention extends DropDownBase {
         switch (e.action) {
             case 'down':
             case 'up':
+                this.isUpDownKey = true;
                 this.updateUpDownAction(e);
                 break;
             case 'tab':
@@ -16421,6 +16440,10 @@ let Mention = class Mention extends DropDownBase {
     }
     onKeyUp(e) {
         let rangetextContent;
+        if (this.isUpDownKey && this.isPopupOpen && e.keyCode === 229) {
+            this.isUpDownKey = false;
+            return;
+        }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         if (document.activeElement != this.inputElement) {
             this.inputElement.focus();