npm - @syncfusion/blazor-themes - Versions diffs - 20.4.43 → 20.4.48 - Mend

@syncfusion/blazor-themes 20.4.43 → 20.4.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/SCSS-Themes/bootstrap5.scss CHANGED Viewed

@@ -2770,6 +2770,9 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {
@@ -6415,6 +6418,7 @@ $float-label-rtl-value: -7px !default;
   input.e-input.e-rtl#{$css},
   .e-input-group.e-rtl input.e-input,
+  .e-input-group.e-control-container.e-rtl input.e-control,
   .e-input-group.e-control-wrapper.e-rtl input.e-input,
   .e-float-input.e-rtl input,
   .e-float-input.e-control-wrapper.e-rtl input,
@@ -27249,6 +27253,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -29517,6 +29525,9 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
     .e-caret {
       font-size: $drop-down-btn-caret-icon-font-size;
+      @if $skin-name == 'FluentUI' or $skin-name == 'highcontrast' {
+        margin-top: 0;
+      }
     }
     &.e-vertical {
@@ -34521,12 +34532,26 @@ $cpicker-split-btn-border: 1px solid $border !default;
           & .e-slider-track {
             background: linear-gradient(to left, $cpicker-gradient-0 0, $cpicker-gradient-16 16%, $cpicker-gradient-33 33%, $cpicker-gradient-50 50%, $cpicker-gradient-67 67%, $cpicker-gradient-84 84%, $cpicker-gradient-100 100%);
           }
+          & .e-handle {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
         }
         & .e-preview-container {
           margin-left: 0;
           margin-right: $cpicker-preview-margin-left;
         }
+        & .e-opacity-slider {
+          & .e-handle-first {
+            @if $skin-name == 'FluentUI' {
+              top: $cpicker-slider-handle-top !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
       }
       & .e-selected-value {
@@ -35528,22 +35553,26 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
 @mixin focused-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-color;
-  }
-  & .e-menu-icon {
-    color: $cmenu-icon-color;
+  @if $skin-name != 'bootstrap5' {
+    & .e-caret {
+      color: $cmenu-caret-color;
+    }
+    & .e-menu-icon {
+      color: $cmenu-icon-color;
+    }
   }
 }
 @mixin selected-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-hover-color;
-  }
-  & .e-menu-icon {
-    color: $cmenu-hover-icon-color;
+  @if $skin-name != 'bootstrap5' {
+    & .e-caret {
+      color: $cmenu-caret-hover-color;
+    }
+    & .e-menu-icon {
+      color: $cmenu-hover-icon-color;
+    }
   }
 }
@@ -52207,7 +52236,7 @@ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
 $treeview-text-wrap-padding: 0 0 0 20px !default;
 $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
 $treeview-icon-size: 20px !default;
-$treeview-icon-margin: 0 2px 0 -25px !default;
+$treeview-icon-margin: 0 4px 0 -25px !default;
 $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
@@ -57179,6 +57208,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 8px !default;
+$ddl-input-placeholder-padding: 0 0 0 8px !default;
 $ddl-rtl-chip-sel-close-left: -12px !default;
 $ddl-popup-active-focus-border-width: 0 !default;
 $ddl-popup-active-focus-shadow-item: none !default;
@@ -57751,8 +57781,8 @@ $ddl-close-down-icon-left: 35px !default;
   height: $ddl-input-height;
   min-height: $ddl-input-height;
   outline: none;
-  padding: 0;
-  text-indent: $ddl-input-text-indent;
+  padding: $ddl-input-placeholder-padding;
+  text-indent: 0;
 }
 .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
@@ -71890,6 +71920,8 @@ $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -2px !default;
+$grid-reorder-virtualarrow-top-margin: -1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;
@@ -74237,7 +74269,9 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
     .e-gridheader .e-headercontent .e-reorderuparrow,
-    .e-gridheader .e-headercontent .e-reorderdownarrow {
+    .e-gridheader .e-headercontent .e-reorderdownarrow,
+    .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+    .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
       font-size: $grid-reorderarrow-font-size;
       margin-left: $grid-reorderarrow-margin-left;
       margin-top: $grid-reorderarrow-margin-top;
@@ -75582,9 +75616,16 @@ $grid-dropitems-count-margin-left: -4px !default;
         margin-top: $grid-reorder-arrow-top-margin;
       }
+      .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+        margin-top: $grid-reorder-virtualarrow-top-margin;
+      }
       .e-gridheader .e-headercontent .e-reorderdownarrow {
         margin-top: $grid-reorder-downarrow-top-margin;
       }
+      .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+        margin-top: $grid-reorder-virtualdownarrow-top-margin;
+      }
       .e-masked-cell.e-rowcell .e-virtualcell {
         background-color: $grid-maskedcell-virtual-background-color;
@@ -75635,6 +75676,11 @@ $grid-dropitems-count-margin-left: -4px !default;
       .e-cc-contentdiv .e-choosercheck {
         white-space: $grid-filter-checkbox-white-space;
       }
+      .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+      .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
+        text-align: left;
+      }
     }
   }
 }
@@ -82404,7 +82450,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -82648,13 +82694,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -84937,7 +84983,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }
@@ -102401,20 +102447,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -102507,20 +102539,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -103013,15 +103053,17 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }
@@ -107259,7 +107301,7 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }
@@ -112115,6 +112157,12 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !default;
       border-top: $image-editor-border;
     }
+    & .e-canvas-wrapper {
+      & .e-textarea {
+        line-height: initial !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
     & .e-bottom-toolbar {
       border-top: $image-editor-border;
     }

package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/bootstrap.scss CHANGED Viewed

@@ -277,6 +277,10 @@ $cbox-key-focussed-bgcolor: transparent !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/bootstrap4.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/bootstrap5.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/fabric-dark.scss CHANGED Viewed

@@ -282,6 +282,10 @@ $cbox-ripple-size: -9px !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/fabric.scss CHANGED Viewed

@@ -279,6 +279,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/fluent-dark.scss CHANGED Viewed

@@ -284,6 +284,10 @@ $cbox-icon-color: $icon-color !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/fluent.scss CHANGED Viewed

@@ -284,6 +284,10 @@ $cbox-icon-color: $icon-color !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/highcontrast.scss CHANGED Viewed

@@ -278,6 +278,10 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/material-dark.scss CHANGED Viewed

@@ -283,6 +283,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/material.scss CHANGED Viewed

@@ -279,6 +279,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/tailwind-dark.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/buttons/check-box/tailwind.scss CHANGED Viewed

@@ -280,6 +280,10 @@ $cbox-border-style: solid !default;
     }
   }
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss CHANGED Viewed

@@ -217,6 +217,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss CHANGED Viewed

@@ -216,6 +216,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss CHANGED Viewed

@@ -251,6 +251,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss CHANGED Viewed

@@ -261,6 +261,9 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss CHANGED Viewed

@@ -261,6 +261,9 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss CHANGED Viewed

@@ -188,6 +188,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss CHANGED Viewed

@@ -184,6 +184,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss CHANGED Viewed

@@ -245,6 +245,9 @@ $ddl-filter-box-shadow: none !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss CHANGED Viewed

@@ -245,6 +245,9 @@ $ddl-filter-box-shadow: none !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss CHANGED Viewed

@@ -202,6 +202,9 @@ $ddl-bigger-small-list-font-size: 14px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss CHANGED Viewed

@@ -203,6 +203,9 @@ $ddl-bigger-small-list-font-size: 13px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/material.scss CHANGED Viewed

@@ -227,6 +227,9 @@ $ddl-bigger-small-list-font-size: 13px !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss CHANGED Viewed

@@ -194,6 +194,9 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss CHANGED Viewed

@@ -194,6 +194,9 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     #{&}.e-ddl.e-popup.e-ddl-device-filter {
       margin: $ddl-filter-margin;
     }
+    #{&}.e-ios {
+      position: fixed;
+    }
   }
   .e-ddl.e-control-wrapper .e-ddl-disable-icon {

package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss CHANGED Viewed

@@ -94,6 +94,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;
@@ -622,8 +623,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
   height: $ddl-input-height;
   min-height: $ddl-input-height;
   outline: none;
-  padding: 0;
-  text-indent: $ddl-input-text-indent;
+  padding: $ddl-input-placeholder-padding;
+  text-indent: 0;
 }
 .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {

package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss CHANGED Viewed

@@ -93,6 +93,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;
@@ -616,8 +617,8 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
   height: $ddl-input-height;
   min-height: $ddl-input-height;
   outline: none;
-  padding: 0;
-  text-indent: $ddl-input-text-indent;
+  padding: $ddl-input-placeholder-padding;
+  text-indent: 0;
 }
 .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {