fix(material/autocomplete): prevent hidden overlay from blocking clicks (#28677)

crisbeto · web-flow · commit 979e903020ec · 2024-03-04T17:27:22.000+01:00
The autocomplete hides its dropdown if there are no options, but it is still clickable. These changes add `pointer-events: none` to prevent it from blocking interactions. Fixes #28670.
diff --git a/src/material/autocomplete/autocomplete.scss b/src/material/autocomplete/autocomplete.scss
@@ -46,6 +46,7 @@ div.mat-mdc-autocomplete-panel {
 
   &.mat-mdc-autocomplete-hidden {
     visibility: hidden;
+    pointer-events: none;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,7 @@ div.mat-mdc-autocomplete-panel {`
`46`	`46`
`47`	`47`	`&.mat-mdc-autocomplete-hidden {`
`48`	`48`	`visibility: hidden;`
	`49`	`+ pointer-events: none;`
`49`	`50`	`}`
`50`	`51`	`}`
`51`	`52`