[wp-trac] [WordPress Trac] #48087: Internet Explorer 11: Image details buttons group layout is broken

WordPress Trac noreply at wordpress.org
Thu Oct 17 21:47:30 UTC 2019


#48087: Internet Explorer 11: Image details buttons group layout is broken
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  afercia
     Type:  defect (bug)                         |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.3
Component:  Media                                |     Version:  trunk
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots has-patch commit     |     Focuses:  ui,
  dev-feedback                                   |  accessibility
-------------------------------------------------+-------------------------

Comment (by sabernhardt):

 I can confirm that `48087.2.diff` properly expands the width of those
 buttons for me in Internet Explorer 11. (I also checked the format and
 preload buttons for Audio and Video screens, and I did not see a problem
 with those either before or after this patch.)

 ''Side note:'' I'm not able to scroll further and see the bottom line of
 the Link To buttons at widths from 783px wide and larger (when either
 "Image URL" or "None" is selected). The button border seems to be covered
 by the border for the toolbar container. When the window is 782 pixels or
 narrower, those buttons have a bottom margin of 4 pixels, but they have no
 margin at larger widths.

 If we're willing to fix the button margin/spacing immediately as well, the
 safest method might be adding that bottom margin to this specific group of
 buttons at all screen/window sizes, for all browsers.

 {{{
 .wp-core-ui .link-to .button {
         margin-bottom: 4px;
 }
 }}}

 If that part should be revisited later instead, I'd suggest reconsidering
 the float property on the fieldsets or another change— but not now.

 The custom URL input touches that border line, which could be acceptable
 as-is.

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


More information about the wp-trac mailing list