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

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.
angular · Oct 2, 2024 · 5be8905 · 5be8905
1 parent 9db4095
commit 5be8905
Showing 1 changed file with 4 additions and 0 deletions.
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;
   }
 }