Skip to content

Commit 40d3888

Browse files
committed
fix(material/chips): chip label appearing above sticky columns (#26794)
Fixes that the `z-index`, which is set on the chip labels, appears on top of sticky columns inside a table. Fixes #26793. (cherry picked from commit e3917ea)
1 parent 06ed54c commit 40d3888

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/material/chips/chip.scss

+5
Original file line numberDiff line numberDiff line change
@@ -226,6 +226,11 @@
226226
// Required for the strong focus indicator to fill the chip.
227227
.mat-mdc-chip {
228228
position: relative;
229+
230+
// `.mat-mdc-chip-action-label` below sets a `z-index: 1` to put the label above the focus
231+
// overlay, but that can also cause it to appear above other elements like sticky columns
232+
// (see #26793). Set an explicit `z-index` to prevent the label from leaking out.
233+
z-index: 0;
229234
}
230235

231236
.mat-mdc-chip-action-label {

0 commit comments

Comments
 (0)