Skip to content

Commit 370ab74

Browse files
authored
fix(material/list): pointer events disabled around content (#26012)
MDC applies `pointer-events: none` around different sections of the list item which breaks interactivity. As evidenced by the dev app demos, we support interactive content in them so these changes reset the `pointer-events` back to `auto`. Fixes #26010.
1 parent 44657e2 commit 370ab74

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

src/material/list/list.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,14 @@ a.mdc-list-item--activated {
1717
// explicitly set `display: block`
1818
.mat-mdc-list-base {
1919
display: block;
20+
21+
// MDC sets `pointer-events: none` on these elements,
22+
// even though we allowed interactive content in them.
23+
.mdc-list-item__start,
24+
.mdc-list-item__end,
25+
.mdc-list-item__content {
26+
pointer-events: auto;
27+
}
2028
}
2129

2230
// MDC expects that the list items are always `<li>`, since we actually use `<button>` in some

0 commit comments

Comments
 (0)