@syncfusion/ej2-dropdowns 24.1.43 → 24.1.45

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.43
+*  version : 24.1.45
 *  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@24.1.41",
+  "_id": "@syncfusion/ej2-dropdowns@24.1.43",
   "_inBundle": false,
-  "_integrity": "sha512-IL8H6aWMD4lIszEcLXcz0tsfKQKjhilf1PjzuXND23WPwav6sFZB9n0l/NRbcz/4VxrgO+bILwF0IAe2OhuFOA==",
+  "_integrity": "sha512-7DzauttMXiQ609dAykUbLBCa8+zRRvmj3zeTovCyxf1xX5nUvCiX97BBq6W+hw6zsZcxDDP5I578cYtr+ZVT4g==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.1.41.tgz",
-  "_shasum": "adb5ce716e10c5c61ce46a81ba76967a1cf3e4af",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-24.1.43.tgz",
+  "_shasum": "701d451c8b2edac1cdb8265fd8ed788ec67924cc",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -45,11 +45,11 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~24.1.42",
     "@syncfusion/ej2-data": "~24.1.41",
-    "@syncfusion/ej2-inputs": "~24.1.41",
+    "@syncfusion/ej2-inputs": "~24.1.45",
     "@syncfusion/ej2-lists": "~24.1.41",
     "@syncfusion/ej2-navigations": "~24.1.41",
     "@syncfusion/ej2-notifications": "~24.1.41",
-    "@syncfusion/ej2-popups": "~24.1.41"
+    "@syncfusion/ej2-popups": "~24.1.44"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "24.1.43",
+  "version": "24.1.45",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -909,6 +909,7 @@ var DropDownList = /** @class */ (function (_super) {
                     if (this.getModuleName() === 'dropdownlist') {
                         if (!this.beforePopupOpen) {
                             this.showPopup();
+                            e.preventDefault();
                         }
                     }
                     break;
@@ -2344,6 +2345,7 @@ var DropDownList = /** @class */ (function (_super) {
                     _this.setFooterTemplate(popupEle);
                 }
                 document.body.appendChild(popupEle);
+                popupEle.style.top = '0px';
                 if (_this.enableVirtualization && _this.itemTemplate) {
                     var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
                     _this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;

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

@@ -2510,7 +2510,7 @@ var DropDownTree = /** @class */ (function (_super) {
             else {
                 this.treeObj.uncheckAll();
             }
-            this.checkSelectAll = true;
+            this.checkSelectAll = state;
         }
         else if (this.allowMultiSelection) {
             if (!state) {

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

@@ -356,6 +356,8 @@ var ListBox = /** @class */ (function (_super) {
     };
     ListBox.prototype.onActionComplete = function (ulElement, list, e) {
         var searchEle;
+        var filterElem;
+        var txtLength;
         if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
             searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
         }
@@ -365,6 +367,12 @@ var ListBox = /** @class */ (function (_super) {
                 ulElement.removeChild(noRecElem);
             }
         }
+        if (this.allowFiltering) {
+            filterElem = this.list.getElementsByClassName('e-input-filter')[0];
+            if (filterElem) {
+                txtLength = filterElem.selectionStart;
+            }
+        }
         _super.prototype.onActionComplete.call(this, ulElement, list, e);
         if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
             this.list.insertBefore(searchEle, this.list.firstElementChild);
@@ -394,8 +402,7 @@ var ListBox = /** @class */ (function (_super) {
                 this.isDataSourceUpdate = false;
             }
             if (this.allowFiltering) {
-                var filterElem = this.list.getElementsByClassName('e-input-filter')[0];
-                var txtLength = this.filterInput.value.length;
+                filterElem = this.list.getElementsByClassName('e-input-filter')[0];
                 filterElem.selectionStart = txtLength;
                 filterElem.selectionEnd = txtLength;
                 filterElem.focus();
@@ -1785,7 +1792,8 @@ var ListBox = /** @class */ (function (_super) {
         e.stopPropagation();
     };
     ListBox.prototype.keyDownHandler = function (e) {
-        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering) {
+        if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
+            (this.allowFiltering && e.target !== this.filterInput))) {
             if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
                 return;
             }
@@ -1879,6 +1887,10 @@ var ListBox = /** @class */ (function (_super) {
     };
     ListBox.prototype.KeyUp = function (e) {
         var _this = this;
+        if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
+            e.preventDefault();
+            return;
+        }
         var char = String.fromCharCode(e.keyCode);
         var isWordCharacter = char.match(/\w/);
         if (!isNullOrUndefined(isWordCharacter)) {

package/src/mention/mention.js

@@ -328,7 +328,7 @@ var Mention = /** @class */ (function (_super) {
         if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
             (lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
             (this.isContentEditable(this.inputElement) && this.range.startContainer &&
-                this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
+                this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
                 (rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
                     this.range.startContainer.nodeType === 1))) {
             if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
@@ -366,7 +366,7 @@ var Mention = /** @class */ (function (_super) {
             if (isNullOrUndefined(this.list)) {
                 this.initValue();
             }
-            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
+            if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
                 this.didPopupOpenByTypingInitialChar = true;
                 this.showPopup();
                 if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {

package/styles/bootstrap-dark.css

@@ -833,6 +833,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/bootstrap.css

@@ -834,6 +834,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/bootstrap4.css

@@ -877,6 +877,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/bootstrap5-dark.css

@@ -897,6 +897,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/bootstrap5.css

@@ -897,6 +897,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -108,6 +108,11 @@
       }
     }
 
+    &.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon,
+    &.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+      display: flex;
+    }
+
     .e-chips-wrapper {
       width: 100%;
     }

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

@@ -87,6 +87,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -88,6 +88,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -98,6 +98,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -115,6 +115,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -115,6 +115,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -87,6 +87,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -88,6 +88,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -115,6 +115,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -115,6 +115,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -101,6 +101,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -102,6 +102,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -92,6 +92,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -101,6 +101,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -165,6 +165,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -221,6 +221,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -123,6 +123,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

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

@@ -123,6 +123,10 @@
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/fabric-dark.css

@@ -809,6 +809,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/fabric.css

@@ -803,6 +803,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/fluent-dark.css

@@ -894,6 +894,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/fluent.css

@@ -894,6 +894,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/highcontrast-light.css

@@ -820,6 +820,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/highcontrast.css

@@ -821,6 +821,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/material-dark.css

@@ -845,6 +845,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/material.css

@@ -886,6 +886,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/material3-dark.css

@@ -970,6 +970,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/material3.css

@@ -1026,6 +1026,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/tailwind-dark.css

@@ -894,6 +894,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }

package/styles/tailwind.css

@@ -894,6 +894,10 @@ ejs-dropdownlist {
   padding-left: 0;
   padding-right: 0;
 }
+.e-ddt.e-input-group.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-valid-input:hover:not(.e-disabled) .e-clear-icon {
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-ddt .e-chips-wrapper {
   width: 100%;
 }