Storybook variation tables overflow on mobile viewports

[abhi-7-7]

Problem
PropsVariationSection renders wide tables that overflow horizontally on small screens, making stories hard to use on mobile.

Steps to Reproduce
Open Storybook on a small viewport
Navigate to components with state/variation tables
Table content overflows screen width

Expected Behavior
Tables should remain usable on mobile
Horizontal scrolling should be available if needed

Actual Behavior
Content overflows viewport
No scroll container

Root Cause
<table> rendered directly without overflow handling

Proposed Fix
Wrap the table in a container with overflow-x: auto
Preserve table semantics

Scope
.storybook/helpers.tsx

[Asmi768]

Hi, I’d like to work on this issue 🙂
I’m a beginner contributor and GSoC aspirant contributing to Rocket.Chat.
I will wrap the variation table with a scroll container to fix the mobile overflow problem.
Please assign it to me. Thanks!

[rohitt-pandey]

@Asmi768 No need to ask for assign to fix the issue, feel free to work on it!
Best of luck 🚀 👏

Check also the https://github.com/rocketchat/fuselage/ repo, the problem may be there... And this could also be happening on the Organization Info from self hosted

Questions? Help needed? Feature Requests?

Join our Open Server in the #support channel and feel free to raise a question
Join our Community Forum and search/create a post there
Feature Request: Open an issue in Feature Request repository