Skip to content

Commit 876b822

Browse files
fix(SelectPanel): use dvh units for full screen when available (#5930)
1 parent 96af0aa commit 876b822

File tree

2 files changed

+12
-0
lines changed

2 files changed

+12
-0
lines changed

.changeset/few-papayas-promise.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/react": patch
3+
---
4+
5+
fix(SelectPanel): use dvh units for full screen when available

packages/react/src/Overlay/Overlay.module.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -166,4 +166,11 @@
166166
margin: 0;
167167
border-radius: unset;
168168
}
169+
170+
@supports (height: 100dvh) {
171+
/* fix for mobile safari (100vh clips the screen with the toolbar) */
172+
&:where([data-variant='fullscreen']) {
173+
height: 100dvh;
174+
}
175+
}
169176
}

0 commit comments

Comments
 (0)