@syncfusion/ej2-dropdowns 31.1.17 → 31.1.18

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 31.1.17
+*  version : 31.1.18
 *  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.17",
+  "version": "31.1.18",
   "description": "Essential JS 2 DropDown Components",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -12,7 +12,7 @@
     "@syncfusion/ej2-data": "~31.1.17",
     "@syncfusion/ej2-inputs": "~31.1.17",
     "@syncfusion/ej2-lists": "~31.1.17",
-    "@syncfusion/ej2-navigations": "~31.1.17",
+    "@syncfusion/ej2-navigations": "~31.1.18",
     "@syncfusion/ej2-notifications": "~31.1.17",
     "@syncfusion/ej2-popups": "~31.1.17"
   },

package/src/mention/mention.js

@@ -1370,6 +1370,9 @@ var Mention = /** @class */ (function (_super) {
             if (Browser.isAndroid) {
                 return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }
+            else if (Browser.info.name === 'mozilla') {
+                return '<span>&#65279;<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>&#65279;</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
+            }
             else {
                 return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : '&#8203;');
             }

package/styles/auto-complete/bootstrap4.css

@@ -79,14 +79,6 @@
   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,6 +1172,7 @@ 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,6 +1405,7 @@ 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,6 +973,7 @@ 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,6 +1150,7 @@ 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,6 +976,7 @@ 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,6 +1153,7 @@ 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,14 +432,6 @@
   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;
@@ -1017,6 +1009,7 @@ 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,14 +511,6 @@
   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;
@@ -1212,6 +1204,7 @@ 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;
 }
@@ -2770,13 +2763,13 @@ ejs-multiselect {
 }
 
 .e-bigger .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  font-size: 18px;
+  font-size: 12px;
   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: 5px;
+  top: 1px;
 }
 
 .e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {

package/styles/bootstrap5-dark-lite.css

@@ -1028,6 +1028,7 @@ 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,6 +1215,7 @@ 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,6 +1028,7 @@ 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,6 +1015,7 @@ 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,6 +1202,7 @@ 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;
 }
@@ -1255,7 +1256,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: 30px;
+  right: 36px;
 }
 .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,6 +1215,7 @@ 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,14 +79,6 @@
   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: 8px !default;
-$ddl-bigger-text-indent: 12px !default;
+$ddl-list-text-indent: 12px !default;
+$ddl-bigger-text-indent: 16px !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: 8px;
+  text-indent: 12px;
   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: 8px;
+  text-indent: 12px;
   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: 12px;
+  text-indent: 16px;
 }
 
 .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: 12px;
+  text-indent: 16px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,

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

@@ -115,14 +115,6 @@ $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,14 +135,6 @@
   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,18 +66,12 @@
           @else if $ddt-skin-name == 'bootstrap4' {
             right: 33px;
           }
-          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
+          @else if $ddt-skin-name == 'bootstrap5' or $ddt-skin-name == 'bootstrap5.3' or $ddt-skin-name == 'FluentUI' or $ddt-skin-name == 'tailwind3' {
             @include icon-style(auto, 36px);
           }
-          @else if $ddt-skin-name != 'Material3' and $ddt-skin-name != 'bootstrap5.3' and $ddt-skin-name != 'fluent2' {
+          @else if $ddt-skin-name != 'Material3' {
             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,18 +944,6 @@
         }
       }
     }
-    
-    &.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,6 +543,7 @@
 .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,6 +363,7 @@
 .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,6 +364,7 @@
 .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,6 +372,7 @@
 .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,6 +375,7 @@
 .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,6 +361,7 @@
 .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;
 }
@@ -414,7 +415,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: 30px;
+  right: 36px;
 }
 .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,6 +375,7 @@
 .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,6 +365,7 @@
 .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,6 +366,7 @@
 .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,6 +382,7 @@
 .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,6 +382,7 @@
 .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,10 +577,6 @@
 .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;
 }
@@ -629,7 +625,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: 30px;
+  right: 38px;
 }
 .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,6 +378,7 @@
 .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,6 +379,7 @@
 .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,6 +389,7 @@
 .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,6 +389,7 @@
 .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,6 +385,7 @@
 .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,6 +951,7 @@ 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,6 +1127,7 @@ 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,6 +952,7 @@ 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.css

@@ -1128,6 +1128,7 @@ 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/fluent-dark-lite.css

@@ -1025,6 +1025,7 @@ 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/fluent-dark.css

@@ -1211,6 +1211,7 @@ 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/fluent-lite.css

@@ -1025,6 +1025,7 @@ 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/fluent.css

@@ -1211,6 +1211,7 @@ 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/fluent2-lite.css

@@ -181,7 +181,7 @@
   line-height: 32px;
   min-height: 32px;
   padding-right: 16px;
-  text-indent: 8px;
+  text-indent: 12px;
   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: 8px;
+  text-indent: 12px;
   font-size: 14px;
   padding-right: 16px;
 }
@@ -1197,10 +1197,6 @@ ejs-dropdownlist {
 .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;
 }