[wp-trac] [WordPress Trac] #49228: Widgets: Checkbox overlap on small screens

[WordPress Trac]

#49228: Widgets: Checkbox overlap on small screens
---------------------------------------+-----------------------------------
 Reporter:  passoniate                 |       Owner:  audrasjb
     Type:  defect (bug)               |      Status:  reopened
 Priority:  normal                     |   Milestone:  5.5
Component:  Widgets                    |     Version:  5.3.2
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  ui, accessibility,
                                       |  css
---------------------------------------+-----------------------------------

Comment (by afercia):

 Interesting. I haven't seen a so tall widget form yet (~3000 pixels).

 More interestingly, when there are very long labels the `display: inline-
 block` make them drop below the checkbox. See attached screenshot.

 This can happen also on the core widgets, depending on the language and
 the length of the translated labels.

 I'm afraid `display: inline-block` from the original CSS change can't be
 used in the first place. What about adding the margins to the
 checkboxes/radios themselves? See [attachment:"49228.6.diff"]

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