@syncfusion/ej2-multicolumn-combobox 26.2.12 → 27.1.48

package/styles/material3.css

@@ -10,10 +10,6 @@
   padding: 0 12px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
-}
-
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
@@ -62,52 +58,18 @@
   border-radius: 4px;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  border-color: rgba(var(--color-sf-primary));
-}
-
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group,
-.e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
-  background: rgba(0, 0, 0, 0.0001);
-  border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  margin-bottom: 0;
-}
-
-.e-bigger .e-ddl-device .e-input-group .e-back-icon,
-.e-bigger .e-ddl-device .e-input-group input.e-input,
-.e-bigger .e-ddl-device .e-input-group .e-clear-icon {
-  background: rgba(0, 0, 0, 0.0001);
-}
-
 .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
   margin: 0 6px;
   min-height: 30px;
   min-width: 30px;
 }
 
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 38px;
-  min-width: 38px;
-}
-
 .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
 .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
   min-height: 22px;
   min-width: 22px;
 }
 
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 4px 16px 4px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -137,31 +99,6 @@
   padding: 4px 5px 4px 12px;
 }
 
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 34px;
-  min-width: 34px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0 4px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -177,6 +114,7 @@
 }
 
 .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
+.e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
 .e-multicolumn-grid td.e-recordplusexpand,
 .e-multicolumn-grid td.e-indentcell,
 .e-multicolumn-grid col.e-group-intent,
@@ -184,6 +122,10 @@
   display: none;
 }
 
+.e-multicolumn-grid td.e-rowcell {
+  cursor: default;
+}
+
 .e-multicolumn-grid .e-gridheader .e-headercelldiv {
   overflow: hidden;
 }
@@ -200,16 +142,27 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  border-radius: 0 0 4px 4px;
 }
 
 .e-multicolumn-grid.e-grid {
   border-width: 1px;
+  border-radius: 4px;
+}
+.e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0 0 4px 4px;
 }
 
 .e-input-group.e-multicolumn-list input[readonly].e-input {
   pointer-events: none;
 }
 
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid {
+  border-radius: 4px 4px 0 0;
+}
+.e-multicolumn-list:has(.e-popup-footer) .e-multicolumn-grid.e-grid .e-gridcontent {
+  border-radius: 0;
+}
 .e-multicolumn-list.e-icon-anim .e-multicolumn-list-icon::before {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
@@ -258,20 +211,25 @@
   position: sticky;
   top: 0;
   z-index: 1;
+  border-radius: 4px 4px 0 0;
 }
 
 .e-multicolumn-grid .e-headercontent {
-  border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+  border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-multicolumn-grid.e-rtl .e-headercontent {
-  border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+  border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-multicolumn-grid .e-content {
   overflow: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
+  position: relative;
+}
+
 .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
 .e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-small.e-popup.e-multicolumn-list .e-popup-footer,
 .e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
@@ -292,57 +250,6 @@
   margin-top: 1px;
 }
 
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 16px;
-}
-.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 40px;
-}
-.e-bigger.e-popup.e-multicolumn-list,
-.e-bigger .e-popup.e-multicolumn-list {
-  margin-top: 1px;
-}
-
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
-  font-size: 14px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
-.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
-.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
-.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
-.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
-.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
-  height: 36px;
-}
-.e-bigger.e-small.e-popup.e-multicolumn-list,
-.e-bigger.e-small .e-popup.e-multicolumn-list,
-.e-bigger .e-small.e-popup.e-multicolumn-list,
-.e-small .e-bigger.e-popup.e-multicolumn-list {
-  margin-top: 1px;
-}
-
 .e-multicolumn-list .e-popup-footer {
   background: rgba(var(--color-sf-surface));
   color: var(--color-sf-on-surface-variant);
@@ -391,8 +298,62 @@
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
+.e-popup.e-multicolumn-list .e-grid .e-headercell {
+  background-color: unset;
+}
 .e-popup.e-multicolumn-list .e-headertext,
 .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=ascending] .e-headertext,
 .e-popup.e-multicolumn-list .e-grid th.e-headercell[aria-sort=descending] .e-headertext {
   color: var(--color-sf-on-surface-variant);
+}
+
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 16px;
+}
+.e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 40px;
+}
+.e-bigger.e-popup.e-multicolumn-list,
+.e-bigger .e-popup.e-multicolumn-list {
+  margin-top: 1px;
+}
+
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-rowcell, .e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-rowcell,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-headercelldiv,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-rowcell,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer {
+  font-size: 14px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger.e-small .e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-row,
+.e-bigger.e-small .e-popup .e-multicolumn-grid .e-emptyrow,
+.e-bigger .e-small.e-popup.e-multicolumn-list .e-popup-footer,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-row,
+.e-bigger .e-small.e-popup .e-multicolumn-grid .e-emptyrow,
+.e-small .e-bigger.e-popup.e-multicolumn-list .e-popup-footer,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-row,
+.e-small .e-bigger.e-popup .e-multicolumn-grid .e-emptyrow {
+  height: 36px;
+}
+.e-bigger.e-small.e-popup.e-multicolumn-list,
+.e-bigger.e-small .e-popup.e-multicolumn-list,
+.e-bigger .e-small.e-popup.e-multicolumn-list,
+.e-small .e-bigger.e-popup.e-multicolumn-list {
+  margin-top: 1px;
 }

package/styles/material3.scss

@@ -10,3 +10,4 @@
 @import 'multicolumn-combobox/material3-definition.scss';
 @import 'multicolumn-combobox/icons/material3.scss';
 @import 'multicolumn-combobox/all.scss';
+@import 'multicolumn-combobox/bigger.scss';

package/styles/multicolumn-combobox/_bds-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
 $footer-border-width: 0 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;

package/styles/multicolumn-combobox/_bigger.scss

@@ -0,0 +1,37 @@
+@mixin multicolumn-combobox-styles($margin-top-value) {
+  &.e-multicolumn-list {
+    margin-top: $margin-top-value;
+  }
+}
+
+@include export-module('multicolumn-combobox-bigger') {
+  .e-bigger.e-popup,
+  .e-bigger .e-popup {
+    &.e-multicolumn-list .e-popup-footer {
+      font-size: 16px;
+    }
+    &.e-multicolumn-list .e-popup-footer,
+    .e-multicolumn-grid .e-row,
+    .e-multicolumn-grid .e-emptyrow {
+      height: $multicolumn-grid-bigger-height;
+    }
+    @include multicolumn-combobox-styles($multicolumn-margin-top-bigger-value);
+  }
+
+  .e-bigger.e-small.e-popup,
+  .e-bigger.e-small .e-popup,
+  .e-bigger .e-small.e-popup,
+  .e-small .e-bigger.e-popup {
+    .e-multicolumn-grid .e-headercelldiv,
+    .e-multicolumn-grid .e-rowcell,
+    &.e-multicolumn-list .e-popup-footer {
+      font-size: 14px;
+    }
+    &.e-multicolumn-list .e-popup-footer,
+    .e-multicolumn-grid .e-row,
+    .e-multicolumn-grid .e-emptyrow {
+      height: $multicolumn-grid-bigger-small-height;
+    }
+    @include multicolumn-combobox-styles($multicolumn-margin-top-bigger-small-value);
+  }
+}

package/styles/multicolumn-combobox/_bootstrap-dark-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_bootstrap-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 1px 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_bootstrap4-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 26px !default;
 $multicolumn-margin-top-value: 2px !default;
 $footer-border-width: 1px 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 2px !default;
 
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 3px !default;

package/styles/multicolumn-combobox/_bootstrap5-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 3px !default;
 $footer-border-width: 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 2px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 3px !default;

package/styles/multicolumn-combobox/_bootstrap5.3-definition.scss

@@ -1,31 +1,32 @@
 $header-font-weight: 700 !default;
 $multicolumn-grid-height: 30px !default;
-$multicolumn-margin-top-value: 3px !default;
+$multicolumn-margin-top-value: unset !default;
 $footer-border-width: 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 26px !default;
-$multicolumn-margin-top-small-value: 3px !default;
+$multicolumn-margin-top-small-value: unset !default;
 
 $multicolumn-grid-bigger-height: 32px !default;
-$multicolumn-margin-top-bigger-value: 4px !default;
+$multicolumn-margin-top-bigger-value: unset !default;
 
 $multicolumn-grid-bigger-small-height: 30px !default;
-$multicolumn-margin-top-bigger-small-value: 4px !default;
+$multicolumn-margin-top-bigger-small-value: unset !default;
 
-$footer-border-color: $border-light !default;
-$popup-text-color: $content-text-color !default;
-$grid-content-color: $content-text-color-alt1 !default;
+$footer-border-color: $flyout-border !default;
+$popup-text-color: $flyout-text-color !default;
+$grid-content-color: $flyout-text-color !default;
 $grid-content-hover-bg-color: $flyout-bg-color-hover !default;
 $grid-content-active-bg-color: $flyout-bg-color-pressed !default;
 $grid-content-active-color: $flyout-text-color-pressed !default;
-$grid-footer-bg-color: $content-bg-color !default;
-$grid-footer-color: $content-text-color-alt3 !default;
-$grid-group-content-header-color: $content-text-color-alt3 !default;
-$grid-group-content-header-bg-color: $content-bg-color !default;
+$grid-footer-bg-color: $flyout-bg-color !default;
+$grid-footer-color: $content-text-color-alt2 !default;
+$grid-group-content-header-color: $content-text-color-alt2 !default;
+$grid-group-content-header-bg-color: $flyout-bg-color !default;
 $grid-header-content-bg-color: $transparent !default;
-$grid-header-content-color: $content-text-color !default;
+$grid-header-content-color: $flyout-text-color !default;
 $altrow-bg-color: $content-bg-color-alt1 !default;
 $popup-box-shadow: none !default;
-$nodata-bg-color: $content-bg-color !default;
-$nodata-border-color: $border-light !default;
+$nodata-bg-color: $flyout-bg-color !default;
+$nodata-border-color: $flyout-border !default;

package/styles/multicolumn-combobox/_fabric-dark-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 0 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_fabric-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 1px 0 0 0 !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_fluent-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 2px !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 2px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 2px !default;

package/styles/multicolumn-combobox/_fluent2-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_fusionnew-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 2px !default;
 $footer-border-width: 1px 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 2px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 2px !default;

package/styles/multicolumn-combobox/_highcontrast-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_highcontrast-light-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: unset !default;
 $footer-border-width: 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 32px !default;
 $multicolumn-margin-top-small-value: unset !default;

package/styles/multicolumn-combobox/_layout.scss

@@ -10,12 +10,25 @@
     top: 0;
   }
   .e-multicolumn-grid th.e-grouptopleftcell.e-lastgrouptopleftcell,
+  .e-multicolumn-grid th.e-grouptopleftcell.e-lastgroupleftcell,
   .e-multicolumn-grid td.e-recordplusexpand,
   .e-multicolumn-grid td.e-indentcell,
   .e-multicolumn-grid col.e-group-intent,
   .e-multicolumn-list .e-no-records + .e-grid {
     display: none;
   }
+  .e-multicolumn-grid td.e-rowcell{
+    cursor: default;
+  }
+
+  .e-multicolumn-grid.e-rtl .e-gridheader {
+    @if ($skin-name == 'highcontrast') {
+      .e-headercelldiv {
+        margin: 0;
+      }
+    }
+  }
+
   .e-multicolumn-grid .e-gridheader .e-headercelldiv {
     overflow: hidden;
   }
@@ -27,9 +40,14 @@
     height: $multicolumn-grid-height;
     display: flex;
     align-items: center;
+    border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
   }
   .e-multicolumn-grid.e-grid {
     border-width: $grid-border-width;
+    border-radius: $multicolumn-popup-border-radius;
+    .e-gridcontent {
+      border-radius: 0 0 $multicolumn-popup-border-radius $multicolumn-popup-border-radius;
+    }
   }
   .e-input-group.e-multicolumn-list {
     input[readonly].e-input {
@@ -37,6 +55,14 @@
     }
   }
   .e-multicolumn-list {
+    &:has(.e-popup-footer) {
+      .e-multicolumn-grid.e-grid {
+        border-radius: $multicolumn-popup-border-radius $multicolumn-popup-border-radius 0 0;
+        .e-gridcontent {
+          border-radius: 0;
+        }
+      }
+    }
     &.e-icon-anim .e-multicolumn-list-icon::before {
       transform: rotate(180deg);
     }
@@ -59,7 +85,7 @@
   }
   .e-popup.e-multicolumn-list {
     position: absolute;
-    border-radius: 4px;
+    border-radius: $multicolumn-popup-border-radius;
     margin-top: $multicolumn-margin-top-value;
     .e-nodata {
       cursor: default;
@@ -76,21 +102,26 @@
       position: sticky;
       top: 0;
       z-index: 1;
+      border-radius: $multicolumn-popup-border-radius $multicolumn-popup-border-radius 0 0;
     }
   }
 
   .e-multicolumn-grid .e-headercontent {
-    border-right-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+    border-right-color: transparent; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-multicolumn-grid.e-rtl .e-headercontent {
-    border-left-width: inherit !important; /* stylelint-disable-line declaration-no-important */
+    border-left-color: transparent; /* stylelint-disable-line declaration-no-important */
   }
 
   .e-multicolumn-grid .e-content {
     overflow: auto !important; /* stylelint-disable-line declaration-no-important */
   }
 
+  .e-multicolumn-container .e-input-group-icon.e-multicolumn-list-icon.e-ddl-disable-icon {
+    position: relative;
+  }
+
   .e-small.e-popup,
   .e-small .e-popup {
     .e-multicolumn-grid .e-headercelldiv,
@@ -105,34 +136,4 @@
     }
     @include multicolumn-combobox-styles($multicolumn-margin-top-small-value);
   }
-
-  .e-bigger.e-popup,
-  .e-bigger .e-popup {
-    &.e-multicolumn-list .e-popup-footer {
-      font-size: 16px;
-    }
-    &.e-multicolumn-list .e-popup-footer,
-    .e-multicolumn-grid .e-row,
-    .e-multicolumn-grid .e-emptyrow {
-      height: $multicolumn-grid-bigger-height;
-    }
-    @include multicolumn-combobox-styles($multicolumn-margin-top-bigger-value);
-  }
-
-  .e-bigger.e-small.e-popup,
-  .e-bigger.e-small .e-popup,
-  .e-bigger .e-small.e-popup,
-  .e-small .e-bigger.e-popup {
-    .e-multicolumn-grid .e-headercelldiv,
-    .e-multicolumn-grid .e-rowcell,
-    &.e-multicolumn-list .e-popup-footer {
-      font-size: 14px;
-    }
-    &.e-multicolumn-list .e-popup-footer,
-    .e-multicolumn-grid .e-row,
-    .e-multicolumn-grid .e-emptyrow {
-      height: $multicolumn-grid-bigger-small-height;
-    }
-    @include multicolumn-combobox-styles($multicolumn-margin-top-bigger-small-value);
-  }
 }

package/styles/multicolumn-combobox/_material-dark-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: 1px !default;
 $footer-border-width: 0 0 0 0 !default;
 $grid-border-width: 0 !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 36px !default;
 $multicolumn-margin-top-small-value: 1px !default;

package/styles/multicolumn-combobox/_material-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 36px !default;
 $multicolumn-margin-top-value: 1px !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 0 !default;
 
 $multicolumn-grid-small-height: 36px !default;
 $multicolumn-margin-top-small-value: 1px !default;

package/styles/multicolumn-combobox/_material3-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 32px !default;
 $multicolumn-margin-top-value: 1px !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 4px !default;
 
 $multicolumn-grid-small-height: 26px !default;
 $multicolumn-margin-top-small-value: 1px !default;

package/styles/multicolumn-combobox/_tailwind-definition.scss

@@ -3,6 +3,7 @@ $multicolumn-grid-height: 30px !default;
 $multicolumn-margin-top-value: 2px !default;
 $footer-border-width: 0 1px 0 1px !default;
 $grid-border-width: 1px !default;
+$multicolumn-popup-border-radius: 2px !default;
 
 $multicolumn-grid-small-height: 24px !default;
 $multicolumn-margin-top-small-value: 2px !default;

package/styles/multicolumn-combobox/_theme.scss

@@ -40,6 +40,9 @@
     .e-altrow {
       background: $altrow-bg-color;
     }
+    .e-grid .e-headercell {
+      background-color: unset;
+    }
     .e-headertext,
     .e-grid th.e-headercell[aria-sort = 'ascending'] .e-headertext,
     .e-grid th.e-headercell[aria-sort = 'descending'] .e-headertext {