Skip to content

Docs: Args table overflows on mobile and causes horizontal page scroll #1795

@dev-rohit-gupta

Description

@dev-rohit-gupta

Description

The Args/Props table inside the Storybook Docs view is not responsive on mobile screens.
Some table cells (e.g. union types, controls column, long generic types) force the table to exceed the viewport width.

Because the table is not wrapped in a scrollable container, the entire Docs page becomes horizontally scrollable, instead of just the table.
This breaks the mobile layout and results in a poor user experience.

Steps to reproduce

  1. Open Storybook.
  2. Switch to Docs tab of any component (e.g. AutoComplete → Docs).
  3. Set the viewport to ~375px (iPhone size).
  4. Scroll to the Args table.
  5. Observe that:
    • The table content overflows to the right
    • The table itself does not scroll
    • The whole page scrolls horizontally instead

Image of Bug

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions