@syncfusion/blazor-themes 31.1.23 → 31.2.3

package/SCSS-Themes/bootstrap5-dark.scss

@@ -3074,6 +3074,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -88806,7 +88810,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -88820,6 +88824,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -144728,7 +144745,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -144736,7 +144753,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -145043,7 +145060,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;

package/SCSS-Themes/bootstrap5-lite.scss

@@ -2951,6 +2951,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -66400,7 +66404,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -66414,6 +66418,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -111728,7 +111745,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -111736,7 +111753,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -3703,6 +3703,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -67189,7 +67193,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -67203,6 +67207,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -112503,7 +112520,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -112511,7 +112528,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);

package/SCSS-Themes/bootstrap5.3-dark.scss

@@ -3825,6 +3825,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -89594,7 +89598,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -89608,6 +89612,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -145502,7 +145519,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -145510,7 +145527,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -145817,7 +145834,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;

package/SCSS-Themes/bootstrap5.3-lite.scss

@@ -4050,6 +4050,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -67536,7 +67540,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -67550,6 +67554,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -112850,7 +112867,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -112858,7 +112875,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);

package/SCSS-Themes/bootstrap5.3.scss

@@ -4172,6 +4172,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -89941,7 +89945,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -89955,6 +89959,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -145849,7 +145866,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -145857,7 +145874,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -146164,7 +146181,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;

package/SCSS-Themes/bootstrap5.scss

@@ -3073,6 +3073,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {
@@ -88805,7 +88809,7 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
-  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
     /* stylelint-disable declaration-no-important */
     .e-table {
       border-spacing: 0 !important;
@@ -88819,6 +88823,19 @@ $grid-checkmark-color: $primary-text-color !default;
 }
 /* stylelint-enable function-url-quotes */
 
+/* Apply styles for Safari on macOS desktop and other Apple devices */
+/* stylelint-disable function-url-quotes */
+@supports (font: -apple-system-body) {
+  .e-grid.sf-grid .e-virtualtable:has(tr.e-masked-row) {
+
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @mixin background-color-styles($grid-skin, $bg, $bgcolor) {
   @if $grid-skin == 'material3' {
@@ -144727,7 +144744,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
     height: inherit;
     width: 100%;
 
-    [class ^= 'e-dot ']::before,
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before,
     .e-dot-item,
     .e-dot {
       display: flex;
@@ -144735,7 +144752,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
       justify-content: center;
     }
 
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-dot-icon-size;
       min-height: $timeline-dot-icon-size;
       border-radius: var(--dot-radius);
@@ -145042,7 +145059,7 @@ $timeline-item-disabled-color: $content-text-color-disabled !default;
 @include export-module('timeline-bigger') {
   .e-bigger.e-timeline,
   .e-bigger .e-timeline {
-    [class ^= 'e-dot ']::before {
+    .e-dot:not([class *= ' e-dot']):not([class = 'e-dot'])::before {
       min-width: $timeline-bigger-dot-icon-size;
       min-height: $timeline-bigger-dot-icon-size;
       font-size: $timeline-bigger-dot-font-size;

package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/bds.scss

@@ -288,6 +288,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -282,6 +282,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -282,6 +282,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -281,6 +281,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -281,6 +281,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -318,6 +318,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -318,6 +318,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss

@@ -324,6 +324,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -324,6 +324,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss

@@ -324,6 +324,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -324,6 +324,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -323,6 +323,10 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {

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

@@ -260,6 +260,10 @@ $ddl-bigger-small-list-font-size: 14px !default;
     display: flex;
   }
 
+  .e-disabled.e-ddl.e-static-clear .e-clear-icon {
+    pointer-events: none;
+  }
+
   .e-ddl.e-input-group {
     .e-input-value,
     .e-input-value:focus {