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
- Open an integration page such as https://www.elastic.co/docs/reference/integrations/system#changelog
- Observe the table renders with the rightmost columns out of view.
- Note that there is no scroll hint; the scrollbar is only visible at the bottom.
- Users may miss content unless they scroll horizontally without realizing it's needed.
Tooling
true,false,false
View original Slack conversation
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
Tooling
true,false,false
View original Slack conversation