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

…rrounding layout Similar to angular#21246. Prevents the inert host node for `mat-autocomplete` from affecting the layout around it.
crisbeto · Jan 20, 2021 · e43eaba · e43eaba
1 parent 8172d06
commit e43eaba
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;
+}