@syncfusion/ej2-dropdowns 31.1.18 → 31.1.20

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.18
+*  version : 31.1.20
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "31.1.18",
+  "version": "31.1.20",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-dropdowns.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.1.17",
+    "@syncfusion/ej2-base": "~31.1.20",
     "@syncfusion/ej2-data": "~31.1.17",
-    "@syncfusion/ej2-inputs": "~31.1.17",
+    "@syncfusion/ej2-inputs": "~31.1.20",
     "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-navigations": "~31.1.18",
+    "@syncfusion/ej2-navigations": "~31.1.20",
     "@syncfusion/ej2-notifications": "~31.1.17",
-    "@syncfusion/ej2-popups": "~31.1.17"
+    "@syncfusion/ej2-popups": "~31.1.20"
   },
   "devDependencies": {},
   "keywords": [

package/src/combo-box/combo-box.js

@@ -215,6 +215,11 @@ var ComboBox = /** @class */ (function (_super) {
                                 _this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
                             }
                         }
+                        else if (_this.allowCustom) {
+                            _this.valueMuteChange(_this.value);
+                            _this.setHiddenValue();
+                            Input.setValue(_this.text, _this.inputElement, _this.floatLabelType, _this.showClearButton);
+                        }
                         else {
                             _this.valueMuteChange(null);
                         }
@@ -243,7 +248,7 @@ var ComboBox = /** @class */ (function (_super) {
                 this.setSelection(li, null);
             }
             else if ((!this.enableVirtualization && this.allowCustom) ||
-                (this.allowCustom && this.enableVirtualization && !doesItemExist)) {
+                (this.allowCustom && this.enableVirtualization && !doesItemExist && !(this.dataSource instanceof DataManager))) {
                 this.valueMuteChange(this.value);
             }
             else if (!this.enableVirtualization || (this.enableVirtualization && !(this.dataSource instanceof DataManager)

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

@@ -2575,8 +2575,8 @@ var DropDownList = /** @class */ (function (_super) {
             this.removeFocus();
             if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
                 this.dataSource instanceof DataManager) {
-                var focus_1 = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
-                if (focus_1) {
+                var focus_1 = this.actionCompleteData.ulElement.querySelectorAll('.' + dropDownListClasses.focus);
+                if (focus_1 && focus_1.length) {
                     removeClass(focus_1, dropDownListClasses.focus);
                 }
             }
@@ -2772,7 +2772,7 @@ var DropDownList = /** @class */ (function (_super) {
                     setTimeout(function () {
                         if (_this.value || _this.list.querySelector('.e-active')) {
                             _this.updateSelectionList();
-                            if (_this.selectedValueInfo && _this.viewPortInfo && _this.viewPortInfo.offsets.top) {
+                            if (_this.viewPortInfo && _this.viewPortInfo.offsets.top) {
                                 _this.list.scrollTop = _this.viewPortInfo.offsets.top;
                             }
                             else {
@@ -3357,9 +3357,7 @@ var DropDownList = /** @class */ (function (_super) {
         }
         var dataSourceCount;
         if (this.dataSource instanceof DataManager) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            dataSourceCount = this.virtualGroupDataSource && this.virtualGroupDataSource.length ?
-                this.virtualGroupDataSource.length : 0;
+            dataSourceCount = this.remoteDataCount;
         }
         else {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/mention/mention.js

@@ -360,7 +360,9 @@ var Mention = /** @class */ (function (_super) {
         }
         if (this.isContentEditable(this.inputElement)) {
             this.range = this.getCurrentRange();
-            rangetextContent = this.range.startContainer.textContent.split('');
+            if (this.range) {
+                rangetextContent = this.range.startContainer.textContent.split('');
+            }
         }
         var currentRange = this.getTextRange();
         // eslint-disable-next-line security/detect-non-literal-regexp
@@ -475,7 +477,8 @@ var Mention = /** @class */ (function (_super) {
         return isMatched;
     };
     Mention.prototype.getCurrentRange = function () {
-        this.range = this.inputElement.ownerDocument.getSelection().getRangeAt(0);
+        this.range = this.inputElement.ownerDocument.getSelection().rangeCount > 0 &&
+            this.inputElement.ownerDocument.getSelection().getRangeAt(0);
         return this.range;
     };
     Mention.prototype.performFiltering = function (e) {

package/styles/auto-complete/bootstrap4.css

@@ -79,6 +79,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/bds-lite.css

@@ -1172,7 +1172,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bds.css

@@ -1405,7 +1405,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap-dark-lite.css

@@ -973,7 +973,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap-dark.css

@@ -1150,7 +1150,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap-lite.css

@@ -976,7 +976,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap.css

@@ -1153,7 +1153,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap4-lite.css

@@ -432,6 +432,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
@@ -1009,7 +1017,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap4.css

@@ -511,6 +511,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
@@ -1204,7 +1212,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -2763,13 +2770,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  font-size: 12px;
+  font-size: 18px;
   top: 9px;
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before,
 .e-bigger.e-multi-select-wrapper .e-chips .e-chips-close::before {
-  top: 1px;
+  top: 5px;
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {

package/styles/bootstrap5-dark-lite.css

@@ -1028,7 +1028,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap5-dark.css

@@ -1215,7 +1215,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap5-lite.css

@@ -1028,7 +1028,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap5.3-lite.css

@@ -1015,7 +1015,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/bootstrap5.3.css

@@ -1202,7 +1202,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -1256,7 +1255,7 @@ ejs-dropdownlist {
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: auto;
-  right: 36px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,

package/styles/bootstrap5.css

@@ -1215,7 +1215,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/combo-box/bootstrap4.css

@@ -79,6 +79,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

package/styles/drop-down-base/_fluent2-definition.scss

@@ -17,8 +17,8 @@ $ddl-list-header-padding-left: 12px !default;
 $ddl-list-header-small-padding-left: 8px !default;
 $ddl-list-header-bigger-small-padding-left: 14px !default;
 $ddl-list-header-bigger-padding-left: 0 !default;
-$ddl-list-text-indent: 12px !default;
-$ddl-bigger-text-indent: 16px !default;
+$ddl-list-text-indent: 8px !default;
+$ddl-bigger-text-indent: 12px !default;
 $ddl-list-rtl-padding-right: 0 !default;
 $ddl-list-padding-right: 16px !default;
 $ddl-list-rtl-padding-left: 16px !default;

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

@@ -181,7 +181,7 @@
   line-height: 32px;
   min-height: 32px;
   padding-right: 16px;
-  text-indent: 12px;
+  text-indent: 8px;
   background-color: var(--color-sf-flyout-bg-color);
   margin-bottom: 2px;
 }
@@ -308,7 +308,7 @@
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
-  text-indent: 12px;
+  text-indent: 8px;
   font-size: 14px;
   padding-right: 16px;
 }
@@ -341,14 +341,14 @@
 .e-bigger .e-dropdownbase .e-list-item,
 .e-dropdownbase.e-bigger .e-list-item {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 40px;
-  text-indent: 16px;
+  text-indent: 12px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,

package/styles/drop-down-list/_bootstrap4-definition.scss

@@ -115,6 +115,14 @@ $ddl-bigger-small-list-font-size: 14px !default;
     font-size: 12px;
   }
 
+  .e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+  .e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+    background: transparent;
+    color: $ddl-list-icon-color;
+  }
+
   .e-small .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
   .e-small.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
     font-size: 10px;

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

@@ -135,6 +135,14 @@
   font-size: 12px;
 }
 
+.e-input-group.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-input-group.e-control-wrapper.e-ddl .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon,
+.e-float-input.e-control-wrapper.e-ddl input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
+  background: transparent;
+  color: #495057;
+}
+
 .e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;

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

@@ -66,12 +66,18 @@
           @else if $ddt-skin-name == 'bootstrap4' {
             right: 33px;
           }
-          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'bootstrap5.3' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
+          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
             @include icon-style(auto, 36px);
           }
-          @else if $ddt-skin-name != 'Material3' {
+          @else if $ddt-skin-name != 'Material3' and $ddt-skin-name != 'bootstrap5.3' and $ddt-skin-name != 'fluent2' {
             right: $ddt-dd-icon-bigger-width;
           }
+          @else if $ddt-skin-name == 'fluent2' {
+            right: 30px;
+          }
+          @else if $ddt-skin-name == 'bootstrap5.3' {
+            @include icon-style(auto, 30px);
+          }
           @if ($ddt-skin-name =='tailwind3') {
             bottom: 0;
             right: 24px;

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

@@ -944,6 +944,18 @@
         }
       }
     }
+    
+    &.e-popup {
+      .e-treeview {
+        .e-list-item {
+          .e-ul {
+            @if $ddt-skin-name == 'fluent2' {
+              padding: 0 0 0 14px;
+            }
+          }
+        }
+      }
+    }
   }
 
   .e-ddt-icon-hide {

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

@@ -543,7 +543,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -363,7 +363,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -364,7 +364,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -372,7 +372,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -375,7 +375,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -361,7 +361,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }
@@ -415,7 +414,7 @@
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: auto;
-  right: 36px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,

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

@@ -375,7 +375,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -365,7 +365,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -366,7 +366,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -382,7 +382,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -382,7 +382,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -577,6 +577,10 @@
 .e-ddt.e-rtl.e-popup .e-selectall-parent .e-all-text {
   margin: 0 12px;
 }
+.e-ddt.e-popup .e-treeview .e-list-item .e-ul {
+  padding: 0 0 0 14px;
+}
+
 .e-ddt-icon-hide {
   display: none;
 }
@@ -625,7 +629,7 @@
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 38px;
+  right: 30px;
 }
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,
 .e-ddt.e-bigger.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon,

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

@@ -378,7 +378,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -379,7 +379,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -389,7 +389,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -389,7 +389,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

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

@@ -385,7 +385,6 @@
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/fabric-dark-lite.css

@@ -951,7 +951,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/fabric-dark.css

@@ -1127,7 +1127,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }

package/styles/fabric-lite.css

@@ -952,7 +952,6 @@ ejs-dropdownlist {
 .e-ddt.e-float-input.e-control-wrapper.e-input-group .e-float-text.e-label-top {
   top: 15px;
 }
-
 .e-ddt-icon-hide {
   display: none;
 }