@syncfusion/ej2-dropdowns 23.1.44 → 23.2.4

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

@@ -2819,6 +2819,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
     DropDownList.prototype.updateUpDownAction = function (e, isVirtualKeyAction) {
         if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
             var value_1 = this.getItemData().value;
+            if (isNullOrUndefined(value_1)) {
+                value_1 = 'null';
+            }
             var filterIndex = this.getIndexByValue(value_1);
             if (!isNullOrUndefined(filterIndex)) {
                 this.activeIndex = filterIndex;
@@ -3047,7 +3050,6 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
                 this.isDocumentClick = true;
                 var isActive = this.isRequested;
-                this.isInteracted = false;
                 this.hidePopup(e);
                 if (!isActive) {
                     this.onFocusOut();
@@ -5403,6 +5405,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             this.isSelectCustom = false;
             this.clearAll(e);
         }
+        this.isInteracted = false;
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-param */
     /**
@@ -15669,6 +15672,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         });
     };
     ListBox.prototype.triggerDrag = function (args) {
+        var _this = this;
         var scrollParent;
         var boundRect;
         var scrollMoved = 36;
@@ -15688,6 +15692,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var event = args.event;
         var 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'))) {
@@ -15707,10 +15712,10 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             }
             boundRect = scrollParent.getBoundingClientRect();
             if ((boundRect.y + scrollParent.offsetHeight) - (event.clientY + scrollMoved) < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop + scrollHeight;
+                this.timer = window.setInterval(function () { _this.setScrollDown(scrollParent, scrollHeight, true); }, 70);
             }
             else if ((event.clientY - scrollMoved) - boundRect.y < 1) {
-                scrollParent.scrollTop = scrollParent.scrollTop - scrollHeight;
+                this.timer = window.setInterval(function () { _this.setScrollDown(scrollParent, scrollHeight, false); }, 70);
             }
         }
         if (args.target === null) {
@@ -15718,7 +15723,19 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
         this.trigger('drag', this.getDragArgs(args));
     };
+    ListBox.prototype.setScrollDown = function (scrollElem, scrollPixel, isScrollDown) {
+        if (isScrollDown) {
+            scrollElem.scrollTop = scrollElem.scrollTop + scrollPixel;
+        }
+        else {
+            scrollElem.scrollTop = scrollElem.scrollTop - scrollPixel;
+        }
+    };
+    ListBox.prototype.stopTimer = function () {
+        window.clearInterval(this.timer);
+    };
     ListBox.prototype.beforeDragEnd = function (args) {
+        this.stopTimer();
         var items = [];
         this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
         if (this.value.indexOf(this.dragValue) > -1) {
@@ -17169,6 +17186,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             var 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 });
             }