Opened 5 years ago
Closed 5 years ago
#47603 closed defect (bug) (fixed)
My account toggle on admin bar not visible at high zoom levels
Reported by: | isabel_brison | Owned by: | isabel_brison |
---|---|---|---|
Milestone: | 5.2.3 | Priority: | normal |
Severity: | normal | Version: | |
Component: | Toolbar | Keywords: | has-patch needs-testing fixed-major |
Focuses: | ui, accessibility, administration | Cc: |
Description (last modified by )
On a 1040px wide screen, at 400% magnification, the "my account" menu toggle on the right hand side of the admin bar is not visible. This happens because the admin bar has a minimum width of 300px set, and the document body has a minimum width of 240px as well as overflow-x: hidden
.
This is an accessibility problem, related to https://github.com/WordPress/gutenberg/issues/15346.
It may also be related to #47477
To fix: minimum widths should be removed and overflow unset.
Attachments (3)
Change History (12)
#1
follow-up:
↓ 3
@
5 years ago
- Keywords has-patch added
@isabel_brison Welcome to Trac!
Thanks for your ticket.I have created initial patch 47603.diff and attached with this ticket.
#3
in reply to:
↑ 1
@
5 years ago
Replying to chetan200891:
@isabel_brison Welcome to Trac!
Thanks for your ticket.I have created initial patch 47603.diff and attached with this ticket.
Thank you!
Is it possible to remove the min-width
s on body
and #wpadminbar
altogether? Otherwise we'll still get a horizontal scroll at high zoom levels.
This ticket was mentioned in Slack in #accessibility by afercia. View the logs.
5 years ago
#5
@
5 years ago
- Milestone changed from Awaiting Review to 5.3
- Owner set to isabel_brison
- Status changed from new to assigned
- Version trunk deleted
Discussed during today's accessibility bug-scrub and agreed to move this ticket to 5.3 consideration, as it has a patch. Adding @isabel_brison as owner 👋
#6
@
5 years ago
In my testing, setting the same min-width
for body
and #wpadminbar
seems to be enough to fix the issue as reported.
I'm a bit cautious to remove the min-width
altogether, as that just introduces more issues on smaller screens, 47603.without-min-width.png is one example.
I'm also a bit cautious to remove the overflow-x: hidden
, as that appears to introduce a horizontal scroll at higher zoom levels.
Let's make the min-width
value consistent as a first step, and then iterate further as needed.
Created initial patch.