graphql.github.io icon indicating copy to clipboard operation
graphql.github.io copied to clipboard

Query editors don't have visible scrollbars

Open aryanpingle opened this issue 1 year ago • 0 comments

Description

Query editors don't present horizontal or vertical scrollbars when their content overflows the container. If the font-size aligns with the container size, it might seem like there is no further text in that section. This is probably a design decision for minimalism, but it is inconvenient to have to try scrolling on every panel in case some data is obscured.

There are loads of accessibility issues with having no visible scrollbar. Personally, my mouse wheel doesn't work too well so I'd prefer to just drag the scrollbar/s.

Steps to Reproduce

Visit any page with a query editor, like this for example.

Expected Result

A visible scrollbar.

Actual Result

No visible scrollbar.

Additional Context

Screenshot
image

aryanpingle avatar Jan 29 '24 12:01 aryanpingle