Skip to content

fix(layout): add support for iOS safe area #817

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
WarningImHack3r wants to merge 12 commits into
base: main
Choose a base branch
from
Open

fix(layout): add support for iOS safe area #817

Changes from 10 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
de358fb
feat: Add support for iOS safe area
WarningImHack3r Nov 6, 2024
ff98bcd
Fix display on "collapsed" state
WarningImHack3r Nov 6, 2024
a0b4981
Remove useless viewport-fit
WarningImHack3r Nov 6, 2024
4d5bbc8
Merge branch 'main' into safari-safe-area
dummdidumm Jan 13, 2025
478192a
Merge branch 'main' into safari-safe-area
Rich-Harris Apr 4, 2025
c9b4e69
Merge branch 'main' into safari-safe-area
teemingc Jul 31, 2025
43724c9
Fix lint
WarningImHack3r Jul 31, 2025
72b5d32
Merge branch 'main' into safari-safe-area
WarningImHack3r Jul 31, 2025
a556bba
Merge branch 'main' into safari-safe-area
Ocean-OS Sep 5, 2025
b1987db
Merge branch 'main' into safari-safe-area
teemingc Feb 24, 2026
d37c518
fix support for iOS 26.1 PWAs
WarningImHack3r Feb 26, 2026
1e98c09
consistent formatting
WarningImHack3r Feb 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions packages/site-kit/src/lib/nav/Nav.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -325,6 +325,12 @@ Top navigation bar for the application. It provides a slot for the left side, th
nav {
top: unset;
bottom: 0;

&.visible,
&:focus-within {
padding-bottom: env(safe-area-inset-bottom);
height: calc(var(--sk-nav-height) + env(safe-area-inset-bottom));
}
}

.menu {
Expand Down