fix(material/list): pointer events disabled around content #26012
Conversation
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 angular#26010.
crisbeto
added
P3
| // even though we allowed interactive content in them. | ||
| .mdc-list-item__start, | ||
| .mdc-list-item__end, | ||
| .mdc-list-item__content { |
There was a problem hiding this comment.
Just double checking: Should content allow for pointer-events:none? I don't fully recall without looking, but might be needed for anchor elements and disabling?
There was a problem hiding this comment.
MDC's code doesn't have any comments on why the pointer-events: none is there. I don't think that it's there for anchor list items that are disabled, because it's only a wrapper around the projected content. My best guess is that it's used as a shorthand to switch the cursor to the default and disable text selection.
|
Thanks for the quick fix. |
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
MDC applies
pointer-events: nonearound 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 thepointer-eventsback toauto.Fixes #26010.