Show exactly one pager page at a time - #79
Merged
sanylax0 merged 1 commit intoJul 18, 2026
Merged
Conversation
Pager pages are sized to the safe-area height, but scroll content draws edge-to-edge, so the status-bar and home-indicator bands showed slivers of the neighboring pages (library bleeding above Now Playing, Up Next below). Clip the pager to its safe-area frame and paint the exposed bands black.
sanylax0
approved these changes
Jul 18, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
On the vertical pager (Library ↑ / Now Playing / Up Next ↓), the status-bar and home-indicator bands showed slivers of the neighboring pages — the bottom of Library above Now Playing and the top of Up Next below it.
Cause:
containerRelativeFrame(.vertical)sizes each page to the safe-area height, but aScrollView's content draws edge-to-edge under the bars, so the safe-area bands render the adjacent pages' content.How
Clip the pager
ScrollViewto its safe-area frame (.clipped()) and paint the exposed bands with a full-bleed black background — exactly one page is visible at rest and during the flip. Every page keeps its current internal layout untouched (nav bars, chevrons, list insets), which makes this the lowest-risk fix; the alternative (full-screen pages + re-injected safe-area padding) would re-layout all three pages.Testing
Not buildable in this environment (iOS app target) — please verify on device: Now Playing should show no library/queue bleed at top/bottom, and the flip gesture should still page cleanly.
🤖 Generated with Claude Code
https://claude.ai/code/session_013TJoWkqg8bzkGdzxWhWjWP
Generated by Claude Code