Skip to content

feat(mobile): root header scrolls away, tab pills pin as a glass bar - #14748

Merged
dylanjeffers merged 1 commit into
mainfrom
feat/mobile-scroll-away-header
Nov 7, 2026
Merged

dylanjeffers merged 1 commit into
mainfrom
feat/mobile-scroll-away-header

Conversation

@dylanjeffers

Copy link
Copy Markdown
Contributor

The root tab header (avatar + title) no longer turns into a floating pill. It now scrolls away with the list. Feed's For You / Latest and Trending's category pills sit in one glass pill bar. That bar scrolls up with the list and then pins under the status bar. While pinned, it slides away on scroll down and returns on scroll up, together with the tab bar.

  • MobileRootHeader: plain row that moves with the scroll offset. The header fade and the capsule are gone; the status bar fade stays.
  • FloatingSubHeader: wraps its children in a content-width GlassCapsule, pins at insets.top + 8 so the status bar fade ends where the glass starts, and hides by sliding off instead of fading.
  • GlassChromeContext: useHeaderFloatProgress is replaced by useHeaderScrollOffset / useSubHeaderScrollOffset. The chrome now stays shown until the title row has scrolled away (it used to be a fixed 40px).
  • FeedTabs / TrendingHeader: the pills drop their own horizontal scroll view and padding.
  • Notifications has no pills, so its header scrolls away and nothing stays pinned. Library and Explore are unchanged.

Tested on an iOS 26.5 sim (Release build, dark mode): Feed, Trending, Notifications at rest, mid-scroll, pinned, hidden on scroll down and back on scroll up. Not checked on Android or in light mode.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@changeset-bot

changeset-bot Bot commented Nov 6, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 1c80886

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@dylanjeffers
dylanjeffers merged commit 07081fa into main Nov 7, 2026
12 checks passed
@dylanjeffers
dylanjeffers deleted the feat/mobile-scroll-away-header branch November 7, 2026 00:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant