@syncfusion/ej2-dropdowns 23.1.44 → 23.2.4

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

@@ -2713,6 +2713,9 @@ let DropDownList = class DropDownList extends DropDownBase {
     updateUpDownAction(e, isVirtualKeyAction) {
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             let value = this.getItemData().value;
+            if (isNullOrUndefined(value)) {
+                value = 'null';
+            }
             let filterIndex = this.getIndexByValue(value);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
@@ -2941,7 +2944,6 @@ let DropDownList = class DropDownList extends DropDownBase {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 const isActive = this.isRequested;
-                this.isInteracted = false;
                 this.hidePopup(e);
                 if (!isActive) {
                     this.onFocusOut();
@@ -5274,6 +5276,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
+        this.isInteracted = false;
     }
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -15416,6 +15419,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const event = args.event;
         let wrapper;
+        this.stopTimer();
         if (args.target && (args.target.classList.contains('e-listbox-wrapper') || args.target.classList.contains('e-list-item')
             || args.target.classList.contains('e-filter-parent') || args.target.classList.contains('e-input-group')
             || args.target.closest('.e-list-item'))) {
@@ -15435,10 +15439,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
+                this.timer = window.setInterval(() => { this.setScrollDown(scrollParent, scrollHeight, true); }, 70);
             }
             else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
+                this.timer = window.setInterval(() => { this.setScrollDown(scrollParent, scrollHeight, false); }, 70);
             }
         }
         if (args.target === null) {
@@ -15446,7 +15450,19 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         }
         this.trigger('drag', this.getDragArgs(args));
     }
+    setScrollDown(scrollElem, scrollPixel, isScrollDown) {
+        if (isScrollDown) {
+            scrollElem.scrollTop = scrollElem.scrollTop + scrollPixel;
+        }
+        else {
+            scrollElem.scrollTop = scrollElem.scrollTop - scrollPixel;
+        }
+    }
+    stopTimer() {
+        window.clearInterval(this.timer);
+    }
     beforeDragEnd(args) {
+        this.stopTimer();
         let items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
         if (this.value.indexOf(this.dragValue) > -1) {
@@ -16873,9 +16889,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
         this.isDataFetched = false;
         const backCommand = true;
         if (this.targetElement().trim() === '') {
-            const list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
+            let list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
             if (backCommand) {
                 this.remoteCustomValue = false;
+                if (this.isAngular && this.itemTemplate) {
+                    list = this.renderItems(this.listData, fields);
+                }
                 this.onActionComplete(list, this.jsonData);
                 this.notify('reOrder', { module: 'CheckBoxSelection', enable: this.selectionSettings.showCheckbox, e: this });
             }