diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html index ac7780208e..ad20e4639f 100644 --- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html +++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html @@ -17,7 +17,7 @@ [(ngModel)]="property.value" [disabled]="isReadonlyProperty || !editable" [ngClass]="{ 'adf-property-readonly-value': isReadonlyProperty || !editable }" - panelClass="adf-select-filter" + panelClass="adf-select-filter adf-select-filter-panel" (selectionChange)="onChange($event)" data-automation-id="select-box" [aria-label]="property.label | translate" diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss index 32f85ca852..e692913495 100644 --- a/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss +++ b/lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss @@ -18,7 +18,9 @@ } } -#{ms.$mat-select-panel}.adf-select-filter { +// Two ADF panelClass tokens compounded (matches Material's .mat-mdc-select-panel +// specificity 0,2,0) so these win without targeting the Material internal. +.adf-select-filter.adf-select-filter-panel { transform: none; overflow-x: hidden; } diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss index c549bfc14a..01d0c43227 100644 --- a/lib/core/src/lib/styles/_mat-selectors.scss +++ b/lib/core/src/lib/styles/_mat-selectors.scss @@ -16,7 +16,6 @@ $mat-table: '.mat-mdc-table'; $mat-header-row: '.mat-mdc-header-row'; $mat-row: '.mat-mdc-row'; $mat-select: '.mat-mdc-select'; -$mat-select-panel: '.mat-mdc-select-panel'; $mat-sidenav-content: '.mat-sidenav-content'; $mat-drawer-transition: '.mat-drawer-transition'; $mat-drawer-content: '.mat-drawer-content';