@syncfusion/blazor-themes 21.2.8 → 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;
     }
   }
 
@@ -31454,6 +31467,7 @@ $tooltip-tip-right-width: 8px !default;
 
     /*! tooltip content area */
     .e-tip-content {
+      border-radius: inherit;
       color: $tooltip-content-font-color;
       font-family: $font-family;
       font-size: $tooltip-font-size;
@@ -60603,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;
@@ -60916,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;
 
@@ -60949,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;
@@ -61183,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 {
@@ -85201,11 +85222,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {
@@ -96331,7 +96347,7 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
     border-bottom: 0;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110675,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;
     }
   }
 
@@ -31219,6 +31232,7 @@ $tooltip-tip-right-width: 8px !default;
 
     /*! tooltip content area */
     .e-tip-content {
+      border-radius: inherit;
       color: $tooltip-content-font-color;
       font-family: $font-family;
       font-size: $tooltip-font-size;
@@ -60309,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;
@@ -60622,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;
 
@@ -60655,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;
@@ -60889,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 {
@@ -84963,11 +84984,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {
@@ -96091,7 +96107,7 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
     border-bottom: 0;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110391,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;
     }
   }
 
@@ -31215,6 +31228,7 @@ $tooltip-tip-right-width: 8px !default;
 
     /*! tooltip content area */
     .e-tip-content {
+      border-radius: inherit;
       color: $tooltip-content-font-color;
       font-family: $font-family;
       font-size: $tooltip-font-size;
@@ -60471,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;
@@ -60784,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;
 
@@ -60817,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;
@@ -61051,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 {
@@ -85278,11 +85299,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {
@@ -96456,7 +96472,7 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
     border-bottom: 0;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110771,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;
     }
   }
 
@@ -31545,6 +31558,7 @@ $tooltip-close-icon-border-hover: $secondary-border-color-hover !default;
 
     /*! tooltip content area */
     .e-tip-content {
+      border-radius: inherit;
       color: $tooltip-content-font-color;
       font-family: $font-family;
       font-size: $tooltip-font-size;
@@ -60780,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;
@@ -61093,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;
 
@@ -61126,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;
@@ -61360,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 {
@@ -85494,11 +85515,6 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {
@@ -96621,7 +96637,7 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
     border-bottom: 0;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110960,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;
     }
   }
 
@@ -31545,6 +31558,7 @@ $tooltip-close-icon-border-hover: $secondary-border-color-hover !default;
 
     /*! tooltip content area */
     .e-tip-content {
+      border-radius: inherit;
       color: $tooltip-content-font-color;
       font-family: $font-family;
       font-size: $tooltip-font-size;
@@ -60780,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;
@@ -61093,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;
 
@@ -61126,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;
@@ -61360,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 {
@@ -85494,11 +85515,6 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
     .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
       line-height: 20px;
     }
-
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
-    .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-      padding: 0;
-    }
   }
 
   @if $skin-name == 'bootstrap5' {
@@ -96621,7 +96637,7 @@ $pv-eye-icon-margin-top: 3px !default;
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
     border-bottom: 0;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110960,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 {