@syncfusion/ej2-dropdowns 26.1.39 → 26.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.39
+*  version : 26.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@26.1.38",
+  "_id": "@syncfusion/ej2-dropdowns@26.1.40",
   "_inBundle": false,
-  "_integrity": "sha512-gq3pKRW3BVbEA2bqcN9+Oze/3o3EuKIJnjRdAUq53N1+kBwBHZ2qANwJhXHCR+xa77qTEl8JkRdB6NvDf1Bw+A==",
+  "_integrity": "sha512-46wsnnD/li+mnQiUZhf2KWrLIFRT/shD611wyMhaV7ODT+2ZvOD5mOrh71gYynMICY126Kzzxe4F3gdjasT4Kw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.38.tgz",
-  "_shasum": "2d1d80813936e176717c10bdfbd1b28a068fb3ca",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-26.1.40.tgz",
+  "_shasum": "9852b08ad6e71686b9266207a21399eb21170fd0",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -45,12 +45,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~26.1.37",
-    "@syncfusion/ej2-data": "~26.1.35",
-    "@syncfusion/ej2-inputs": "~26.1.39",
+    "@syncfusion/ej2-data": "~26.1.41",
+    "@syncfusion/ej2-inputs": "~26.1.41",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-navigations": "~26.1.39",
+    "@syncfusion/ej2-navigations": "~26.1.41",
     "@syncfusion/ej2-notifications": "~26.1.35",
-    "@syncfusion/ej2-popups": "~26.1.38"
+    "@syncfusion/ej2-popups": "~26.1.41"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -75,7 +75,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "26.1.39",
+  "version": "26.1.41",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/auto-complete/auto-complete.js

@@ -176,6 +176,7 @@ var AutoComplete = /** @class */ (function (_super) {
         }
         this.isSelected = false;
         this.activeIndex = null;
+        this.isRequesting = false;
         var eventArgs = {
             preventDefaultAction: false,
             text: this.filterInput.value,

package/src/drop-down-base/drop-down-base.d.ts

@@ -230,7 +230,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected isDynamicDataChange: boolean;
     protected addedNewItem: boolean;
     protected isAddNewItemTemplate: boolean;
-    private isRequesting;
+    protected isRequesting: boolean;
     private isVirtualizationEnabled;
     protected isCustomDataUpdated: boolean;
     private isAllowFiltering;

package/src/drop-down-list/drop-down-list.js

@@ -1892,6 +1892,7 @@ var DropDownList = /** @class */ (function (_super) {
         this.isDataFetched = false;
         if (this.isFiltering()) {
             this.checkAndResetCache();
+            this.isRequesting = false;
             var eventArgs_1 = {
                 preventDefaultAction: false,
                 text: this.filterInput.value,
@@ -3947,12 +3948,14 @@ var DropDownList = /** @class */ (function (_super) {
             Input.setValue('', this.inputElement, this.floatLabelType, this.showClearButton);
         }
         this.element.style.display = 'block';
-        if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
-            detach(this.inputWrapper.container);
-        }
-        else {
-            this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
-            detach(this.inputWrapper.container);
+        if (this.inputWrapper.container && this.inputWrapper.container.parentElement) {
+            if (this.inputWrapper.container.parentElement.tagName === this.getNgDirective()) {
+                detach(this.inputWrapper.container);
+            }
+            else {
+                this.inputWrapper.container.parentElement.insertBefore(this.element, this.inputWrapper.container);
+                detach(this.inputWrapper.container);
+            }
         }
         delete this.hiddenElement;
         this.filterInput = null;

package/src/drop-down-tree/drop-down-tree.js

@@ -415,6 +415,7 @@ var DropDownTree = /** @class */ (function (_super) {
                     _this.isFilteredData = false;
                     _this.isFilterRestore = true;
                     fields = _this.cloneFields(_this.fields);
+                    _this.treeObj.element.classList.remove('e-filtering');
                 }
                 else if (args.preventDefaultAction) {
                     fields = args.fields;
@@ -435,6 +436,7 @@ var DropDownTree = /** @class */ (function (_super) {
                             fields = _this.nestedFilter(args.text, args.fields);
                         }
                     }
+                    _this.treeObj.element.classList.add('e-filtering');
                 }
                 _this.hideCheckAll(_this.isFilteredData);
                 if (flag) {
@@ -1531,6 +1533,7 @@ var DropDownTree = /** @class */ (function (_super) {
     DropDownTree.prototype.renderPopup = function () {
         var _this = this;
         if (this.isFilteredData) {
+            this.treeObj.element.classList.remove('e-filtering');
             this.filterObj.value = '';
             this.treeObj.fields = this.getTreeFields(this.fields);
             this.isFilterRestore = true;
@@ -2065,6 +2068,10 @@ var DropDownTree = /** @class */ (function (_super) {
                 this.isReverseUpdate = false;
             }
         }
+        if (this.isValueChange && !this.changeOnBlur) {
+            this.triggerChangeEvent(this.keyEventArgs);
+            this.isValueChange = false;
+        }
     };
     DropDownTree.prototype.beforeCheck = function (args) {
         if (args.isInteracted) {

package/src/list-box/list-box.js

@@ -116,6 +116,9 @@ var ListBox = /** @class */ (function (_super) {
      */
     ListBox.prototype.addItem = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Build and render the component.
@@ -852,6 +855,9 @@ var ListBox = /** @class */ (function (_super) {
      */
     ListBox.prototype.addItems = function (items, itemIndex) {
         _super.prototype.addItem.call(this, items, itemIndex);
+        if (this.allowFiltering && this.filterInput.value !== '') {
+            this.filteringAction(this.jsonData, new Query(), this.fields);
+        }
     };
     /**
      * Removes a item from the list. By default, removed the last item in the list,

package/src/mention/mention.js

@@ -350,7 +350,7 @@ var Mention = /** @class */ (function (_super) {
         }
         this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
         var isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
-        if (document.activeElement != this.inputElement && isRteImage) {
+        if (document.activeElement != this.inputElement && !isRteImage) {
             this.inputElement.focus();
         }
         if (this.isContentEditable(this.inputElement)) {

package/src/multi-select/multi-select.js

@@ -3163,6 +3163,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.isRemoteSelection = true;
                 }
                 this.checkAndResetCache();
+                this.isRequesting = false;
                 var eventArgs_1 = {
                     preventDefaultAction: false,
                     text: this.targetElement(),

package/styles/bootstrap-dark.css

@@ -959,7 +959,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/bootstrap.css

@@ -960,7 +960,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/bootstrap4.css

@@ -1004,7 +1004,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/bootstrap5-dark.css

@@ -1017,7 +1017,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -1017,7 +1017,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/_layout.scss

@@ -470,7 +470,7 @@
 
       &.e-chip-input {
         width: 0;
-        display: none;
+        visibility: hidden;
       }
     }
 

package/styles/drop-down-tree/bootstrap-dark.css

@@ -219,7 +219,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414141;

package/styles/drop-down-tree/bootstrap.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #ccc;

package/styles/drop-down-tree/bootstrap4.css

@@ -230,7 +230,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid rgba(0, 0, 0, 0.15);

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #444c54;

package/styles/drop-down-tree/bootstrap5.css

@@ -241,7 +241,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #dee2e6;

package/styles/drop-down-tree/fabric-dark.css

@@ -220,7 +220,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/drop-down-tree/fabric.css

@@ -221,7 +221,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/drop-down-tree/fluent-dark.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent.css

@@ -254,7 +254,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/drop-down-tree/fluent2.css

@@ -1493,7 +1493,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);

package/styles/drop-down-tree/highcontrast-light.css

@@ -234,7 +234,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/drop-down-tree/highcontrast.css

@@ -235,7 +235,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/drop-down-tree/material-dark.css

@@ -328,7 +328,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/drop-down-tree/material.css

@@ -349,7 +349,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/drop-down-tree/material3-dark.css

@@ -310,7 +310,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/material3.css

@@ -366,7 +366,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;

package/styles/drop-down-tree/tailwind-dark.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #4b5563;

package/styles/drop-down-tree/tailwind.css

@@ -259,7 +259,7 @@
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #e5e7eb;

package/styles/fabric-dark.css

@@ -935,7 +935,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #414040;

package/styles/fabric.css

@@ -929,7 +929,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #eaeaea;

package/styles/fluent-dark.css

@@ -1027,7 +1027,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent.css

@@ -1027,7 +1027,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border-radius: 2px;

package/styles/fluent2.css

@@ -2230,7 +2230,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid var(--color-sf-border-light);
@@ -3640,7 +3640,8 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper .e-chips {
-  background-color: var(--color-sf-content-bg-color-alt3);
+  background-color: var(--color-sf-chip-bg-color);
+  border: 1px solid var(--color-sf-chip-border-color);
   border-radius: 6px;
   height: 22px;
 }
@@ -4414,11 +4415,11 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -4439,7 +4440,7 @@ ejs-listbox {
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4449,7 +4450,7 @@ ejs-listbox {
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -4484,7 +4485,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 52px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,

package/styles/highcontrast-light.css

@@ -946,7 +946,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #757575;

package/styles/highcontrast.css

@@ -947,7 +947,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid #969696;

package/styles/list-box/_fluent2-definition.scss

@@ -69,10 +69,10 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 47px) !default;
-$listbox-filter-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
-$listbox-filter-bigger-height: calc(100% - 55px) !default;
+$listbox-filter-height: calc(100% - 52px) !default;
+$listbox-filter-small-height: calc(100% - 48px) !default;
+$listbox-filter-bigger-small-height: calc(100% - 58px) !default;
+$listbox-filter-bigger-height: calc(100% - 60px) !default;
 
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
@@ -115,7 +115,5 @@ $listbox-filterselect-height: calc(100% - 38px) !default;
 $listbox-filterselect-bigger-height: calc(100% - 47px) !default;
 $listbox-mat-filter-height: calc(100% - 50px) !default;
 $listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
-$listbox-filter-height: calc(100% - 50px) !default;
-$listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;

package/styles/list-box/fluent2.css

@@ -1673,11 +1673,11 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 60px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
@@ -1698,7 +1698,7 @@ ejs-listbox {
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1708,7 +1708,7 @@ ejs-listbox {
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
@@ -1743,7 +1743,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 52px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,

package/styles/material-dark.css

@@ -1077,7 +1077,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   border: 1px solid transparent;

package/styles/material.css

@@ -1122,7 +1122,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 0px rgba(0, 0, 0, 0.14), 0 3px 14px 0px rgba(0, 0, 0, 0.12);

package/styles/material3-dark.css

@@ -1109,7 +1109,7 @@ ejs-dropdownlist {
 .e-ddt .e-dropdowntree.e-chip-input,
 .e-ddt input[readonly].e-input.e-chip-input {
   width: 0;
-  display: none;
+  visibility: hidden;
 }
 .e-ddt.e-popup {
   margin-top: 2px;