Skip to content

[DevTools] Avoid scrollbars in Suspense breadcrumbs#35700

Merged
eps1lon merged 4 commits intofacebook:mainfrom
eps1lon:sebbie/suspense-breadcrumbs-overflow
Feb 5, 2026
Merged

[DevTools] Avoid scrollbars in Suspense breadcrumbs#35700
eps1lon merged 4 commits intofacebook:mainfrom
eps1lon:sebbie/suspense-breadcrumbs-overflow

Conversation

@eps1lon
Copy link
Collaborator

@eps1lon eps1lon commented Feb 5, 2026

Summary

Alternate to #34914

The Suspense breadcrumbs are only a single line height high. Having a scrollbar in such a container looks bad since it takes up 50% of the space. MacOS also has this default where the scrollbar overlays the container on touch devices without a mouse attached (i.e. MacBook default).

Now we use the same UI we use in the Owner stack in the Components tab i.e. shrink to showing a single item and moving navigation into a menu.

How did you test this change?

Before:
CleanShot 2026-02-05 at 16 17 57@2x

After:

CleanShot.2026-02-05.at.14.59.44.mp4

@meta-cla meta-cla bot added the CLA Signed label Feb 5, 2026
@github-actions github-actions bot added the React Core Team Opened by a member of the React Core Team label Feb 5, 2026
@eps1lon eps1lon force-pushed the sebbie/suspense-breadcrumbs-overflow branch from 6f44da2 to 7027ce6 Compare February 5, 2026 15:20
@eps1lon eps1lon force-pushed the sebbie/suspense-breadcrumbs-overflow branch from 7027ce6 to d538e85 Compare February 5, 2026 15:21
@eps1lon eps1lon requested review from hoxyq February 5, 2026 15:23
@eps1lon eps1lon marked this pull request as ready for review February 5, 2026 15:23
Copy link
Contributor

@hoxyq hoxyq left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Amazing

@eps1lon eps1lon merged commit 8b276df into facebook:main Feb 5, 2026
458 of 461 checks passed
@eps1lon eps1lon deleted the sebbie/suspense-breadcrumbs-overflow branch February 5, 2026 22:28
github-actions bot pushed a commit to addcx1developer/react that referenced this pull request Feb 5, 2026
github-actions bot pushed a commit to addcx1developer/react that referenced this pull request Feb 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed React Core Team Opened by a member of the React Core Team

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants