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 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; + } + } }