Skip to content

Storybook variation tables overflow on mobile viewports #1825

@abhi-7-7

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions