graphql / graphql/graphql.github.io

Query editors don't have visible scrollbars

Offen
#1,617 0 Kommentare 1 Reaktion 1 zugewiesene Person Beansprucht von @dimaMachina Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
889
Forks
1.5k
Ø Merge
4 T. 12 Std.
Gemergte PRs (30 T.)
21

Beschreibung

### 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](https://graphql.org/learn/queries/).

### Expected Result

A visible scrollbar.

### Actual Result

No visible scrollbar.

### Additional Context

|Screenshot|
|---|
|![image](https://github.com/graphql/graphql.github.io/assets/49340972/8c921bbf-48a9-4445-b371-4e99ad20ba83)|

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.