@syncfusion/ej2-dropdowns 24.1.46 → 24.1.47

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

@@ -1446,24 +1446,27 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
      * @returns {HTMLElement} Return the ul li list items.
      */
     DropDownBase.prototype.createListItems = function (dataSource, fields) {
-        if (dataSource && fields.groupBy || this.element.querySelector('optgroup')) {
-            if (fields.groupBy) {
-                if (this.sortOrder !== 'None') {
-                    dataSource = this.getSortedDataSource(dataSource);
+        if (dataSource) {
+            if (fields.groupBy || this.element.querySelector('optgroup')) {
+                if (fields.groupBy) {
+                    if (this.sortOrder !== 'None') {
+                        dataSource = this.getSortedDataSource(dataSource);
+                    }
+                    dataSource = ListBase.groupDataSource(dataSource, fields.properties, this.sortOrder);
                 }
-                dataSource = ListBase.groupDataSource(dataSource, fields.properties, this.sortOrder);
+                addClass([this.list], dropDownBaseClasses.grouping);
             }
-            addClass([this.list], dropDownBaseClasses.grouping);
-        }
-        else {
-            dataSource = this.getSortedDataSource(dataSource);
+            else {
+                dataSource = this.getSortedDataSource(dataSource);
+            }
+            var options = this.listOption(dataSource, fields);
+            var spliceData = (dataSource.length > 100) ?
+                new DataManager(dataSource).executeLocal(new Query().take(100))
+                : dataSource;
+            this.sortedData = dataSource;
+            return ListBase.createList(this.createElement, (this.getModuleName() === 'autocomplete') ? spliceData : dataSource, options, true, this);
         }
-        var options = this.listOption(dataSource, fields);
-        var spliceData = (dataSource.length > 100) ?
-            new DataManager(dataSource).executeLocal(new Query().take(100))
-            : dataSource;
-        this.sortedData = dataSource;
-        return ListBase.createList(this.createElement, (this.getModuleName() === 'autocomplete') ? spliceData : dataSource, options, true, this);
+        return null;
     };
     DropDownBase.prototype.listOption = function (dataSource, fields) {
         var iconCss = isNullOrUndefined(fields.iconCss) ? false : true;
@@ -1551,7 +1554,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     };
     DropDownBase.prototype.updateGroupFixedHeader = function (element, target) {
         this.fixedHeaderElement.innerHTML = element.innerHTML;
-        this.fixedHeaderElement.style.top = target.scrollTop + 'px';
+        this.fixedHeaderElement.style.position = 'fixed';
+        this.fixedHeaderElement.style.top = this.list.parentElement.offsetTop + this.list.offsetTop + 'px';
         this.fixedHeaderElement.style.display = 'block';
     };
     DropDownBase.prototype.getValidLi = function () {
@@ -1726,10 +1730,12 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
     DropDownBase.prototype.getIndexByValueFilter = function (value) {
         var index;
         var listItems = this.renderItems(this.selectData, this.fields);
-        for (var i = 0; i < listItems.children.length; i++) {
-            if (!isNullOrUndefined(value) && listItems.children[i].getAttribute('data-value') === value.toString()) {
-                index = i;
-                break;
+        if (listItems && listItems.children) {
+            for (var i = 0; i < listItems.children.length; i++) {
+                if (!isNullOrUndefined(value) && listItems.children[i].getAttribute('data-value') === value.toString()) {
+                    index = i;
+                    break;
+                }
             }
         }
         return index;
@@ -11335,7 +11341,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
         }
         if (activeElement && activeElement.item !== null) {
             this.addListFocus(activeElement.item);
-            this.scrollBottom(activeElement.item, activeElement.index);
+            if (((this.allowCustomValue || this.allowFiltering) && this.isPopupOpen() && this.closePopupOnSelect) || this.closePopupOnSelect) {
+                this.scrollBottom(activeElement.item, activeElement.index);
+            }
         }
     };
     MultiSelect.prototype.getAriaAttributes = function () {
@@ -16286,6 +16294,19 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
             this.list.insertBefore(searchEle, this.list.firstElementChild);
             this.filterParent = this.list.getElementsByClassName('e-filter-parent')[0];
             this.filterWireEvents(searchEle);
+            var inputSearch = searchEle.querySelector('.e-input-filter');
+            if (inputSearch) {
+                inputSearch.addEventListener('focus', function () {
+                    if (!searchEle.childNodes[0].classList.contains('e-input-focus')) {
+                        searchEle.childNodes[0].classList.add('e-input-focus');
+                    }
+                });
+                inputSearch.addEventListener('blur', function () {
+                    if (searchEle.childNodes[0].classList.contains('e-input-focus')) {
+                        searchEle.childNodes[0].classList.remove('e-input-focus');
+                    }
+                });
+            }
         }
         this.initWrapper();
         this.setSelection();
@@ -19568,12 +19589,6 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             if (this.isPopupOpen) {
                 this.hidePopup();
             }
-            //New event to update the RichTextEditor value, when a mention item is selected using mouse click action. 
-            if (!isNullOrUndefined(e.pointerType) && e.pointerType === 'mouse') {
-                var event_1 = new CustomEvent('content-changed', { detail: { click: true } });
-                this.inputElement.dispatchEvent(event_1);
-            }
-            
             this.onChangeEvent(e);
         }
         else {
@@ -19619,6 +19634,12 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
             if (this.isPopupOpen) {
                 this.hidePopup();
             }
+            //New event to update the RichTextEditor value, when a mention item is selected using mouse click action. 
+            if (!isNullOrUndefined(e.pointerType) && e.pointerType === 'mouse') {
+                var event_1 = new CustomEvent('content-changed', { detail: { click: true } });
+                this.inputElement.dispatchEvent(event_1);
+            }
+            
             this.onChangeEvent(e);
         }
     };