From 4ca15c53dd824d425415c085bb078cf2bc780f10 Mon Sep 17 00:00:00 2001 From: Marie Lucca Date: Tue, 15 Apr 2025 21:39:55 -0400 Subject: [PATCH 1/2] fix(SelectPanel): use dvh units for full screen when available --- packages/react/src/Overlay/Overlay.module.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/react/src/Overlay/Overlay.module.css b/packages/react/src/Overlay/Overlay.module.css index de584ec2aa0..c458dcd36f5 100644 --- a/packages/react/src/Overlay/Overlay.module.css +++ b/packages/react/src/Overlay/Overlay.module.css @@ -166,4 +166,11 @@ margin: 0; border-radius: unset; } + + @supports (height: 100dvh) { + /* fix for mobile safari (100vh clips the screen with the toolbar) */ + &:where([data-variant='fullscreen']) { + height: 100dvh; + } + } } From 6d339821e86c14a06017ba1dabab9d18ac238169 Mon Sep 17 00:00:00 2001 From: Marie Lucca <40550942+francinelucca@users.noreply.github.com> Date: Tue, 15 Apr 2025 21:40:33 -0400 Subject: [PATCH 2/2] Create few-papayas-promise.md --- .changeset/few-papayas-promise.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/few-papayas-promise.md diff --git a/.changeset/few-papayas-promise.md b/.changeset/few-papayas-promise.md new file mode 100644 index 00000000000..821156dd0b9 --- /dev/null +++ b/.changeset/few-papayas-promise.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +fix(SelectPanel): use dvh units for full screen when available