Skip to content

Changelog table column width causes horizontal scrolling with no visual cue #3376

@florent-leborgne

Description

@florent-leborgne

Describe the bug

Some tables have excessive horizontal width, requiring the user to scroll right to see all content. There is no visual cue or hint that the table is scrollable, making it easy to miss information or think it's not there altogether. This impacts usability especially when tables have wide columns.

See elastic/docs-content#6590 for some context and examples too

Expected behavior

Users should have a clear visual indication that the table can be scrolled horizontally. Either the table design should minimize unnecessary width (for example, by managing long links or content), or introduce a visible scrollbar or other UI cue so users know to scroll right.

Steps to reproduce

  1. Open an integration page such as https://www.elastic.co/docs/reference/integrations/system#changelog
  2. Observe the table renders with the rightmost columns out of view.
  3. Note that there is no scroll hint; the scrollbar is only visible at the bottom.
  4. Users may miss content unless they scroll horizontally without realizing it's needed.

Tooling

true,false,false

View original Slack conversation

Metadata

Metadata

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions