Make WordPress Core

Opened 6 months ago

Last modified 40 hours ago

#53174 new defect (bug)

notice in link-popup of WYSIWYG overlapping search field

Reported by: jonny-s Owned by:
Milestone: 5.9 Priority: normal
Severity: minor Version: 5.7.1
Component: Editor Keywords: has-patch
Focuses: ui, accessibility, css, administration Cc:



I just noticed, that if text-size is scaled by browser-settings, in the WYSIWYG-Editor's link modal popup the notice is overlapping the search field (see screenshot).

Attachments (2)

Wordpress WYSIWYG skaled text notice-overlap.png (42.6 KB) - added by jonny-s 6 months ago.
Notice is overlapping search field when text-size is scaled
53174.patch (1.7 KB) - added by sabernhardt 6 days ago.
with CSS flex

Download all attachments as: .zip

Change History (8)

6 months ago

Notice is overlapping search field when text-size is scaled

#1 @sabernhardt
3 months ago

  • Focuses accessibility css added
  • Keywords needs-patch added

Thanks for the report!

I see a similar overlap with a minimum font size.

The #wp-link .query-results container uses absolute positioning from the top (either 166px or 210px) in editor.css.

I tried changing the value to an em measurement, but that does not seem to work well.

Last edited 3 months ago by sabernhardt (previous) (diff)

This ticket was mentioned in Slack in #accessibility by joedolson. View the logs.

3 months ago

#3 @joedolson
3 months ago

  • Milestone changed from Awaiting Review to 5.9

This ticket was mentioned in Slack in #accessibility by ryokuhi. View the logs.

7 days ago

#5 @joedolson
7 days ago

  • Type changed from enhancement to defect (bug)

6 days ago

with CSS flex

#6 @sabernhardt
6 days ago

  • Keywords has-patch added; needs-patch removed

CSS flex could help with larger text. I returned the layout to static positioning and removed some overflow: hidden rules. I'm not sure this is better overall, but it's at least a start.

Note: See TracTickets for help on using tickets.