[wp-trac] [WordPress Trac] #48378: Internet Explorer 11: Media modal controls section cut off at larger window sizes

[WordPress Trac]

#48378: Internet Explorer 11: Media modal controls section cut off at larger window
sizes
--------------------------+---------------------
 Reporter:  sabernhardt   |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  5.4
Component:  Media         |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  ui
--------------------------+---------------------

Comment (by afercia):

 After some research, this appears to be an area where browser
 implementations differ due to lack of clarity in the old CSS 2.1 spec.

 As mentioned in ticket:48087#comment:15 the element with `overflow: auto`
 has a bottom padding of 32 pixels:
 - this padding is honored only by webkit browsers
 - not honored by IE 11
 - not honored by latest Firefox as well

 Relevant discussion on the w3c/csswg-drafts GitHub:

 **[css-overflow-3] Clarify padding-bottom in overflow content**
 https://github.com/w3c/csswg-drafts/issues/129
 Created on 21 May 2016: discussion is still ongoing and it's not clear to
 me what the consensus is.

 There's a related (closed) Firefox ticket on the Mozilla tracker that was
 opened 8 years ago on April 2012:
 https://bugzilla.mozilla.org/show_bug.cgi?id=748518

 Thus, browser implementations still differ today.

 Seems the best option is to change the WordPress implementation and not
 set the padding on the scrolling element. We could try to:
 - either set a bottom margin on the last child
 - or use an `::after` pseudo element with the desired height to make room
 at the bottom of the scrolling element
 - either way, the 32 pixels value seems arbitrary to me: more a magic
 number rather than based on something meaningful and should probably be
 reduced

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