fix(material/list): hover indication blocking interactions (#26016)

crisbeto · web-flow · commit 0c6b4be12b06 · 2022-11-18T13:16:15.000+01:00
Fixes that the overlay we use for focus/hover events was blocking users from interacting with the list item content. Fixes #26011.
diff --git a/src/material/list/list.scss b/src/material/list/list.scss
@@ -61,6 +61,7 @@ a.mdc-list-item--activated {
   @include layout-common.fill();
   content: '';
   opacity: 0;
+  pointer-events: none;
 }
 
 // MDC always sets the cursor to `pointer`. We do not want to show this for non-interactive

Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,7 @@ a.mdc-list-item--activated {`
`61`	`61`	`@include layout-common.fill();`
`62`	`62`	`content: '';`
`63`	`63`	`opacity: 0;`
	`64`	`+ pointer-events: none;`
`64`	`65`	`}`
`65`	`66`
`66`	`67`	// MDC always sets the cursor to `pointer`. We do not want to show this for non-interactive