@syncfusion/ej2-dropdowns 22.1.34 → 22.1.37

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

@@ -282,6 +282,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         _this.isPreventChange = false;
         _this.isDynamicDataChange = false;
         _this.addedNewItem = false;
+        _this.isAddNewItemTemplate = false;
         return _this;
     }
     DropDownBase.prototype.getPropObject = function (prop, newProp, oldProp) {
@@ -464,7 +465,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
         else {
             var l10nLocale = { noRecordsTemplate: 'No records found', actionFailureTemplate: 'Request failed' };
             var componentLocale = new L10n(this.getLocaleName(), {}, this.locale);
-            if (componentLocale.getConstant('actionFailureTemplate') !== '') {
+            if (componentLocale.getConstant('actionFailureTemplate') !== '' || componentLocale.getConstant('noRecordsTemplate') !== '') {
                 this.l10n = componentLocale;
             }
             else {
@@ -1333,6 +1334,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
             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);
                 }
@@ -2010,6 +2012,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         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();
     };
     DropDownList.prototype.bindCommonEvent = function () {
@@ -2030,6 +2033,11 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         }
         this.bindClearEvent();
     };
+    DropDownList.prototype.windowResize = function () {
+        if (this.isPopupOpen) {
+            this.popupObj.refreshPosition(this.inputWrapper.container);
+        }
+    };
     DropDownList.prototype.bindClearEvent = function () {
         if (this.showClearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
@@ -2355,6 +2363,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             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();
     };
@@ -4157,6 +4166,10 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         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;
@@ -4335,6 +4348,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         this.previousSelectedLI = null;
         this.valueTempElement = null;
         this.actionData.ulElement = null;
+        if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
+            this.inputElement.onchange = null;
+        }
         _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */
@@ -7735,6 +7751,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
             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();
     };
@@ -8089,6 +8106,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
                 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();
@@ -14401,7 +14419,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
                 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) {
@@ -16618,6 +16636,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
         switch (e.action) {
             case 'down':
             case 'up':
+                this.isUpDownKey = true;
                 this.updateUpDownAction(e);
                 break;
             case 'tab':
@@ -16682,6 +16701,10 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
     };
     Mention.prototype.onKeyUp = function (e) {
         var 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();