From 802409745223ce8780ff1b5af86300c9e1ac08e3 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@abv.bg>
Date: Fri, 14 Nov 2025 08:01:28 +0100
Subject: [PATCH] fix(material/autocomplete): empty autocomplete obscuring
 content

When the select doesn't have any content, it becomes hidden however the overlay is still attached which can obscure content right under the input.
---
 src/material/autocomplete/autocomplete.scss | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/material/autocomplete/autocomplete.scss b/src/material/autocomplete/autocomplete.scss
index b3d3be79f849..d2ee490bfa08 100644
--- a/src/material/autocomplete/autocomplete.scss
+++ b/src/material/autocomplete/autocomplete.scss
@@ -43,11 +43,12 @@ div.mat-mdc-autocomplete-panel {
   &.mat-mdc-autocomplete-visible {
     visibility: visible;
   }
+}
 
-  &.mat-mdc-autocomplete-hidden {
-    visibility: hidden;
-    pointer-events: none;
-  }
+div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-hidden,
+.cdk-overlay-pane:has(> .mat-mdc-autocomplete-hidden) {
+  visibility: hidden;
+  pointer-events: none;
 }
 
 @keyframes _mat-autocomplete-enter {