Skip to content

Commit 1282b03

Browse files
committed
fix(styles): use individual transform properties in popover animation
The ds-popover-in keyframe was using the `transform` shorthand which overrides inline style transforms used for boundary-shift correction, causing popovers (e.g. sidebar sort menu) to clip off-screen. Switch to individual `translate` and `scale` properties which compose with `transform` instead of overriding it.
1 parent 12ff78a commit 1282b03

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

src/styles/ds-popover.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,10 +62,12 @@
6262
@keyframes ds-popover-in {
6363
from {
6464
opacity: 0;
65-
transform: translateY(-4px) scale(0.98);
65+
translate: 0 -4px;
66+
scale: 0.98;
6667
}
6768
to {
6869
opacity: 1;
69-
transform: translateY(0) scale(1);
70+
translate: 0 0;
71+
scale: 1;
7072
}
7173
}

0 commit comments

Comments
 (0)