elastic / elastic/docs-builder

Changelog table column width causes horizontal scrolling with no visual cue

Open
#3,376 2 comments 0 reactions 1 assignee Claimed by @florent-leborgne View on GitHub
ai-triaged ai:ux-question bug design needs triage screen width issue stale tables
Dominant language
C#
Stars
24
Forks
44
Avg merge
1d 3h
Merged PRs (30d)
172

Description

### 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 https://github.com/elastic/docs-content/issues/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](https://elastic.slack.com/archives/C02FR8NGS2E/p1779437453962219?thread_ts=1779437453.962219&cid=C02FR8NGS2E)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.