fix(material/autocomplete): prevent inert host node from affecting surrounding layout (angular#21649)

crisbeto · web-flow · commit 3bbc0a07d7a0 · 2021-01-25T11:06:33.000-07:00
Similar to angular#21246. Prevents the inert host node for `mat-autocomplete` from affecting the layout around it.
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;
+}

Original file line number	Diff line number	Diff line change
`@@ -47,3 +47,7 @@`
`47`	`47`	`}`
`48`	`48`	`}`
`49`	`49`
	`50`	`+// Prevent the overlay host node from affecting its surrounding layout.`
	`51`	`+mat-autocomplete {`
	`52`	`+ display: none;`
	`53`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -43,3 +43,7 @@ $mat-autocomplete-panel-border-radius: 4px !default;`
`43`	`43`	`}`
`44`	`44`	`}`
`45`	`45`
	`46`	`+// Prevent the overlay host node from affecting its surrounding layout.`
	`47`	`+mat-autocomplete {`
	`48`	`+ display: none;`
	`49`	`+}`