@syncfusion/blazor-themes 21.2.9 → 21.2.10

package/SCSS-Themes/bootstrap-dark.scss

@@ -14337,14 +14337,27 @@ $float-label-rtl-value: -7px !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60604,7 +60617,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -60917,7 +60931,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -60950,6 +60965,10 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61184,7 +61203,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110671,6 +110691,11 @@ $schedule-tree-content-color: #fff !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/bootstrap.scss

@@ -14327,14 +14327,27 @@ $float-label-rtl-value: -7px !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60310,7 +60323,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -60623,7 +60637,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -60656,6 +60671,10 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -60890,7 +60909,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110387,6 +110407,11 @@ $schedule-tree-content-color: $shadow !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/bootstrap4.scss

@@ -14206,14 +14206,27 @@ $float-label-rtl-value: -7px !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60472,7 +60485,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -60785,7 +60799,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -60818,6 +60833,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61052,7 +61071,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110767,6 +110787,11 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/bootstrap5-dark.scss

@@ -14412,14 +14412,27 @@ $float-label-rtl-value: -7px !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60781,7 +60794,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -61094,7 +61108,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -61127,6 +61142,10 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61361,7 +61380,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110956,6 +110976,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/bootstrap5.scss

@@ -14412,14 +14412,27 @@ $float-label-rtl-value: -7px !default;
     outline: none;
   }
 
-  .e-input-group.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-prepend input,
-  .e-input-group.e-control-wrapper.e-prepend input.e-input,
-  .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
-  .e-float-input.e-prepend input,
-  .e-float-input.e-control-wrapper.e-prepend input {
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
     @if $input-skin-name == 'material' {
       border-bottom: 1px solid;
+      border-bottom-color: $input-box-border-color;
+    }
+  }
+
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $error-font-color;
+    }
+  }
+
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
+  .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
+    @if $input-skin-name == 'material' {
+      border-bottom: 1px solid;
+      border-bottom-color: $success-font-color;
     }
   }
 
@@ -60781,7 +60794,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -61094,7 +61108,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -61127,6 +61142,10 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -61361,7 +61380,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {
@@ -110956,6 +110976,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         &:focus {
           background: $schedule-select-bg-color;
         }
+
+        &.e-template {
+          display: inline-flex;
+          flex-direction: row-reverse;
+        }
       }
 
       .e-subject-wrap {

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss

@@ -129,7 +129,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -442,7 +443,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -475,6 +477,10 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -709,7 +715,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {

package/SCSS-Themes/dropdowns/list-box/bootstrap.scss

@@ -122,7 +122,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -435,7 +436,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -468,6 +470,10 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -702,7 +708,8 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {

package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss

@@ -127,7 +127,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -440,7 +441,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -473,6 +475,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -707,7 +713,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {

package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss

@@ -125,7 +125,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -438,7 +439,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -471,6 +473,10 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -705,7 +711,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {

package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss

@@ -125,7 +125,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -438,7 +439,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -471,6 +473,10 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -705,7 +711,8 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {

package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss

@@ -129,7 +129,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     -webkit-overflow-scrolling: touch;
     box-sizing: border-box;
     cursor: pointer;
@@ -442,7 +443,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
   }
 
   .e-listbox-wrapper.e-sortableclone,
-  .e-listbox-container.e-sortableclone {
+  .e-listbox-container.e-sortableclone,
+  .e-listboxtool-wrapper.e-sortableclone {
     border-width: 0;
     overflow: visible;
 
@@ -475,6 +477,10 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
     }
   }
 
+  .e-listboxtool-wrapper.e-sortableclone{
+    display: block;
+  }
+
   .e-listboxtool-wrapper,
   .e-listboxtool-container {
     cursor: pointer;
@@ -709,7 +715,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
   }
 
   .e-listbox-wrapper,
-  .e-listbox-container {
+  .e-listbox-container,
+  .e-listboxtool-wrapper {
     font-family: $listbox-font-family;
     font-size: $listbox-font-size;
     @at-root {