[wp-trac] [WordPress Trac] #47477: Content overflows and is cut off at 200% text enlarge

[WordPress Trac]

#47477: Content overflows and is cut off at 200% text enlarge
-------------------------------------------------+-------------------------
 Reporter:  kjellr                               |       Owner:  audrasjb
     Type:  task (blessed)                       |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.3
Component:  Administration                       |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots wpcampus-report      |     Focuses:
  has-patch                                      |  accessibility
-------------------------------------------------+-------------------------

Comment (by afercia):

 Note: when uploading patches it's best to not manually rename a patch file
 which contains a version "dot + number" e.g. `nnnnn.4.something-else`
 otherwise the automatic progressive numbering handled by Trac breaks :)

 [attachment:"47477.4.diff"] is the latest patch so far. I built on
 previous patches and was able to reset the Firefox focusring.

 Still to do: improve the left and right paddings: they look different on
 Chrome and Firefox. Would be great to have a look at the examples
 mentioned on #47153 that have a good cross-browser padding. I'd think we
 should be able to get the same result. Here's the examples:

 Scott O'Hara Styled Selects
 https://scottaohara.github.io/a11y_styled_form_controls/src/select/
 https://github.com/scottaohara/a11y_styled_form_controls/blob/master/src/assets/css/select.css

 Yoast styled select
 https://github.com/Yoast/wordpress-
 seo/blob/304116593abb8a06f74b9c8ae20f55ec8c689ba8/css/src/yst_plugin_tools.scss#L773

 both inspired by:
 Scott Jehl
 Styling a Select Like It’s 2019
 https://www.filamentgroup.com/lab/select-css.html

 Also still to address: #48129 and to evaluate: #48128.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47477#comment:32>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform