@syncfusion/ej2-dropdowns 20.1.58 → 20.1.61

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

@@ -2474,11 +2474,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         if (this.setValue(e)) {
             return;
         }
-        if (this.isPopupOpen) {
-            attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
-            if (this.isFilterLayout() && this.filterInput) {
-                attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
-            }
+        attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
+        if (this.isFilterLayout() && this.filterInput) {
+            attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
         }
         if ((!this.isPopupOpen && !isNullOrUndefined(li)) || (this.isPopupOpen && !isNullOrUndefined(e) &&
             (e.type !== 'keydown' || e.type === 'keydown' && e.action === 'enter'))) {
@@ -2511,13 +2509,21 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate(['valueTemplate']);
+            if (this.valueTempElement) {
+                detach(this.valueTempElement);
+                this.inputElement.style.display = 'block';
+                this.valueTempElement = null;
+            }
         }
         if (!this.valueTempElement) {
             this.valueTempElement = this.createElement('span', { className: dropDownListClasses.value });
             this.inputElement.parentElement.insertBefore(this.valueTempElement, this.inputElement);
             this.inputElement.style.display = 'none';
         }
-        this.valueTempElement.innerHTML = '';
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!this.isReact) {
+            this.valueTempElement.innerHTML = '';
+        }
         var valuecheck = this.dropdownCompiler(this.valueTemplate);
         if (valuecheck) {
             compiledString = compile(document.querySelector(this.valueTemplate).innerHTML.trim());
@@ -3444,7 +3450,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
             this.filterInput = null;
         }
-        attributes(this.targetElement(), { 'aria-expanded': 'false', 'aria-activedescendant': null });
+        attributes(this.targetElement(), { 'aria-expanded': 'false' });
         this.inputWrapper.container.classList.remove(dropDownListClasses.iconAnimation);
         if (this.isFiltering()) {
             this.actionCompleteData.isUpdated = false;
@@ -3677,7 +3683,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
             || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0)))) {
             this.clearAll(null, props);
         }
-        if ((this.fields.groupBy && props.fields) && !this.isGroupChecking) {
+        if ((this.fields.groupBy && props.fields) && !this.isGroupChecking && this.list) {
             EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
             EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
         }
@@ -8967,7 +8973,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
                         else if (containerAttr.indexOf(htmlAttr) > -1) {
                             this.overAllWrapper.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
                         }
-                        else {
+                        else if (htmlAttr !== 'size') {
                             this.inputElement.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
                         }
                         break;
@@ -9432,6 +9438,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
     };
     MultiSelect.prototype.getQuery = function (query) {
         var filterQuery = query ? query.clone() : this.query ? this.query.clone() : new Query();
+        if (this.isFiltered) {
+            return filterQuery;
+        }
         if (this.filterAction) {
             if (this.targetElement() !== null) {
                 var dataType = this.typeOfData(this.dataSource).typeof;
@@ -9997,7 +10006,6 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
             if (!document.activeElement.classList.contains(FILTERINPUT)) {
                 e.preventDefault();
                 this.keyAction = true;
-                this.list.focus();
             }
             this.selectByKey(e);
         }
@@ -13601,6 +13609,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
     };
     ListBox.prototype.initWrapper = function () {
         var hiddenSelect = this.createElement('select', { className: 'e-hidden-select', attrs: { 'multiple': '' } });
+        hiddenSelect.style.visibility = 'hidden';
         this.list.classList.add('e-listbox-wrapper');
         if (this.itemTemplate) {
             this.list.classList.add('e-list-template');
@@ -13929,12 +13938,12 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         }
     };
     ListBox.prototype.beforeDragEnd = function (args) {
-        var dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
-        if (this.value.indexOf(dragValue) > -1) {
+        this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
+        if (this.value.indexOf(this.dragValue) > -1) {
             args.items = this.getDataByValues(this.value);
         }
         else {
-            args.items = this.getDataByValues([dragValue]);
+            args.items = this.getDataByValues([this.dragValue]);
         }
         this.trigger('beforeDrop', args);
     };
@@ -15067,7 +15076,16 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
         return listObj;
     };
     ListBox.prototype.getGrabbedItems = function () {
-        var elems = Array.prototype.slice.call(this.element.querySelectorAll('.e-grabbed'));
+        for (var i = 0; i < this.value.length; i++) {
+            if (this.value[i] === this.dragValue) {
+                var liColl = this.list.querySelectorAll('[aria-selected="true"]');
+                for (var i_1 = 0; i_1 < liColl.length; i_1++) {
+                    liColl[i_1].classList.add('e-grabbed');
+                }
+                break;
+            }
+        }
+        var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
         return elems;
     };
     ListBox.prototype.getDragArgs = function (args, isDragEnd) {