@syncfusion/ej2-dropdowns 29.2.5 → 29.2.8

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

@@ -3175,10 +3175,10 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.hiddenElement.setAttribute(htmlAttr, this.htmlAttributes[`${htmlAttr}`]);
                     }
                     else if (defaultAttr.indexOf(htmlAttr) > -1) {
-                        if (htmlAttr === 'placeholder') {
+                        if (htmlAttr === 'placeholder' && this.element.getAttribute('placeholder') !== this.htmlAttributes[`${htmlAttr}`]) {
                             Input.setPlaceholder(this.htmlAttributes[`${htmlAttr}`], this.inputElement);
                         }
-                        else {
+                        else if (htmlAttr !== 'placeholder') {
                             this.inputElement.setAttribute(htmlAttr, this.htmlAttributes[`${htmlAttr}`]);
                         }
                     }
@@ -5158,6 +5158,9 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
         if (this.getInitialData) {
             this.updateActionCompleteDataValues(ulElement, list);
+            if (this.enableVirtualization) {
+                this.updateSelectElementData(this.allowFiltering);
+            }
             this.getInitialData = false;
             this.isReactTemplateUpdate = true;
             this.searchLists(this.filterArgs);
@@ -6147,6 +6150,7 @@ let DropDownList = class DropDownList extends DropDownBase {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             dataSourceCount = this.dataSource && this.dataSource.length ? this.dataSource.length : 0;
         }
+        this.customFilterQuery = null;
         if (this.enableVirtualization && this.isFiltering() && isFilterValue && this.totalItemCount !== dataSourceCount) {
             this.updateInitialData();
             this.checkAndResetCache();
@@ -13831,10 +13835,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
         while (scrollElement) {
             const scrollElementStyle = getComputedStyle(scrollElement);
             const scrollElmentHeight = parseFloat(scrollElementStyle.maxHeight) || parseFloat(scrollElementStyle.height);
-            if (!isNaN(scrollElmentHeight)) {
+            if (!isNaN(scrollElmentHeight) && this.isPopupOpen()) {
                 const overflowY = scrollElementStyle.overflowY;
-                if (overflowY === 'auto' || overflowY === 'scroll') {
-                    scrollElement.scrollTop = scrollElement.scrollHeight;
+                const wrapperBottom = this.overAllWrapper.getBoundingClientRect().bottom;
+                const scrollElementBottom = scrollElement.getBoundingClientRect().bottom;
+                if ((overflowY === 'auto' || overflowY === 'scroll') && wrapperBottom > scrollElementBottom) {
+                    scrollElement.scrollTop += (wrapperBottom - scrollElementBottom) + 10;
                     return;
                 }
             }