fix(cdk/drag-drop): positioning thrown off with align-self (#29813)

crisbeto · web-flow · commit 5be8905f65cc · 2024-10-02T17:27:47.000+02:00
Fixes that the combination of setting `align-self: center` and the user agent styling of `inset: 0` on popovers was breaking the positioning of the preview. Fixes #29809.
diff --git a/src/cdk/drag-drop/resets.scss b/src/cdk/drag-drop/resets.scss
@@ -4,6 +4,10 @@
     border: none;
     padding: 0;
     color: inherit;
+
+    // Chrome sets a user agent style of `inset: 0` which combined
+    // with `align-self` can break the positioning (see #29809).
+    inset: auto;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,10 @@`
`4`	`4`	`border: none;`
`5`	`5`	`padding: 0;`
`6`	`6`	`color: inherit;`
	`7`	`+`
	`8`	+ // Chrome sets a user agent style of `inset: 0` which combined
	`9`	+ // with `align-self` can break the positioning (see #29809).
	`10`	`+ inset: auto;`
`7`	`11`	`}`
`8`	`12`	`}`
`9`	`13`