Skip to content

fix(frontend): home scrolls with the page; the rail stays pinned - #5847

Merged
mmabrouk merged 3 commits into
release/v0.112.0from
fix/home-page-scroll
Aug 9, 2026
Merged

fix(frontend): home scrolls with the page; the rail stays pinned#5847
mmabrouk merged 3 commits into
release/v0.112.0from
fix/home-page-scroll

Conversation

@mmabrouk

@mmabrouk mmabrouk commented Aug 9, 2026

Copy link
Copy Markdown
Member

The returning-user home page was a bounded frame whose main column scrolled INSIDE itself — an inner scrollbar next to a static page, which looked bad with any real number of sessions.

Now it works the way claude.ai's home does:

  • The page itself scrolls — one scrollbar, the browser's own, wherever the pointer is.
  • The right rail (Your agents / Next triggers / Usage) is sticky, and scrolls its own content when taller than the viewport.
  • The first-run home (a centered document with no rail) keeps its bounded frame by ASKING for it via layoutFullHeightRequestAtom; the static route flag for apps-home is gone, so playground/evaluator and the other full-height surfaces are untouched.

Stacked on #5836 (its StripHome edits build on the shared-column work there).

@dosubot dosubot Bot added the size:M This PR changes 30-99 lines, ignoring generated files. label Aug 9, 2026
@vercel

vercel Bot commented Aug 9, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
agenta-documentation Error Error Aug 9, 2026 8:56pm

Request Review

@coderabbitai

coderabbitai Bot commented Aug 9, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 9273ae75-5dda-48a3-bfde-f13c2c0762f8

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Aug 9, 2026

Copy link
Copy Markdown
Contributor

Railway Preview Environment

Status Destroyed (PR closed)

Updated at 2026-08-09T21:22:35.896Z

The returning-user home was a bounded frame with an inner scroll on the
main column. Now the page itself scrolls (one scrollbar, the browser's
own) and only the rail is sticky, scrolling internally when taller than
the viewport - the claude.ai model. The apps-home route leaves the static
full-height flag list; the first-run branch (a centered document with no
rail) asks for the bounded frame itself via layoutFullHeightRequestAtom,
so playground/evaluator surfaces are untouched.
…ents

Mahmoud's two refinements: sticky pins the moment the element reaches its
top offset, so an offset equal to the rail's resting y (the 56px gutter)
pinned it from scroll zero and it never travelled - top-4 gives it 40px of
travel with the page before it pins, plus a little air once pinned. And
the Your agents card drops its + New agent action (the page header already
carries it); All agents stays as the card's only action.
Demo workspaces render a fixed 38px banner that covered the pinned
rail's top 22px. The layout sets --ag-demo-banner-h only in demo
projects; the rail's sticky offset and max-height read it (0 elsewhere).
@mmabrouk
mmabrouk force-pushed the fix/large-screen-layout branch from 01bdd5c to 5e10fb5 Compare August 9, 2026 20:56
@mmabrouk
mmabrouk force-pushed the fix/home-page-scroll branch from b9f648f to 1518387 Compare August 9, 2026 20:56
@mmabrouk
mmabrouk changed the base branch from fix/large-screen-layout to release/v0.112.0 August 9, 2026 21:22
@mmabrouk
mmabrouk merged commit 1074adb into release/v0.112.0 Aug 9, 2026
62 of 64 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend size:M This PR changes 30-99 lines, ignoring generated files. ui

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant