Skip to content

Commit 72a1c5d

Browse files
authored
fix: Ensure Tray always uses box-sizing: content-box so it isn't affected by global css resets (#8948)
* chore: Fix nextJS test app so it doesnt cause trays to hide their contents * set a box-sizing: content-box to avoid css reset
1 parent 78ef25c commit 72a1c5d

File tree

1 file changed

+3
-1
lines changed
  • packages/@adobe/spectrum-css-temp/components/tray

1 file changed

+3
-1
lines changed

packages/@adobe/spectrum-css-temp/components/tray/index.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
/* Add padding at the bottom to account for the rest of the viewport height behind the keyboard.
5656
* This is necessary so that there isn't a visible gap that appears while the keyboard is animating
5757
* in and out. Fall back to the safe area inset to account for things like iOS home indicator.
58-
We also add an additional 100vh of padding (offset by the bottom position below) so the tray
58+
We also add an additional 100vh of padding (offset by the bottom position below) so the tray
5959
extends behind Safari's address bar and keyboard in iOS 26. */
6060
padding-bottom: calc(max(calc(100dvh - var(--spectrum-visual-viewport-height)), env(safe-area-inset-bottom)) + 100vh);
6161
position: absolute;
@@ -75,6 +75,8 @@
7575
/* Exit animations */
7676
transition: opacity var(--spectrum-dialog-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-dialog-exit-animation-delay),
7777
transform var(--spectrum-dialog-exit-animation-duration) cubic-bezier(0.5, 0, 1, 1) var(--spectrum-dialog-exit-animation-delay);
78+
79+
box-sizing: content-box;
7880
}
7981

8082
.is-open {

0 commit comments

Comments
 (0)