Skip to content

fix(fuselage): wrap PropsVariation table to prevent mobile overflow#1967

Open
DeveloperVaibhav1 wants to merge 1 commit into
RocketChat:mainfrom
DeveloperVaibhav1:fix/storybook-table-mobile-overflow
Open

fix(fuselage): wrap PropsVariation table to prevent mobile overflow#1967
DeveloperVaibhav1 wants to merge 1 commit into
RocketChat:mainfrom
DeveloperVaibhav1:fix/storybook-table-mobile-overflow

Conversation

@DeveloperVaibhav1
Copy link
Copy Markdown

The table in Storybook's Docs tab overflows horizontally on mobile (~375px) —
it just goes off screen edge.

Wrapped the is='table' Box with an outer Box using overflowX='auto' so it
scrolls sideways instead. Also noticed the original had two style props on
the same element so borderCollapse: 'collapse' was never actually applying —
fixed that too.

Couldn't test in Storybook locally due to an existing build error in
@rocket.chat/icons (SVG parsing issue, unrelated to this). Happy to verify
once that's resolved.

Closes #1825

@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 9, 2026

🦋 Changeset detected

Latest commit: cad814d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@rocket.chat/fuselage Patch

Not sure what this means? Click here to learn what changesets are.

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

@CLAassistant
Copy link
Copy Markdown

CLAassistant commented May 9, 2026

CLA assistant check
All committers have signed the CLA.

@CLAassistant
Copy link
Copy Markdown

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@DeveloperVaibhav1 DeveloperVaibhav1 force-pushed the fix/storybook-table-mobile-overflow branch from 9051248 to 6dfd832 Compare May 18, 2026 05:32
@DeveloperVaibhav1 DeveloperVaibhav1 force-pushed the fix/storybook-table-mobile-overflow branch from 6dfd832 to cad814d Compare May 18, 2026 05:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Storybook variation tables overflow on mobile viewports

2 participants