fix(material/autocomplete): prevent inert host node from affecting su…

…rrounding layout (#21649) Similar to #21246. Prevents the inert host node for `mat-autocomplete` from affecting the layout around it. (cherry picked from commit 3bbc0a0)
angular · Jan 25, 2021 · 9c99070 · 9c99070
1 parent 0134ac7
commit 9c99070
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/material-experimental/mdc-autocomplete/autocomplete.scss b/src/material-experimental/mdc-autocomplete/autocomplete.scss
@@ -47,3 +47,7 @@
   }
 }
 
+// Prevent the overlay host node from affecting its surrounding layout.
+mat-autocomplete {
+  display: none;
+}
diff --git a/src/material/autocomplete/autocomplete.scss b/src/material/autocomplete/autocomplete.scss
@@ -43,3 +43,7 @@ $mat-autocomplete-panel-border-radius: 4px !default;
   }
 }
 
+// Prevent the overlay host node from affecting its surrounding layout.
+mat-autocomplete {
+  display: none;
+}