[wp-trac] [WordPress Trac] #43641: Media controls in the media grid are too wide

[WordPress Trac]

#43641: Media controls in the media grid are too wide
--------------------------+------------------------------
 Reporter:  johnbillion   |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Media         |     Version:  4.9
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:
--------------------------+------------------------------

Comment (by pento):

 I'm only able to reproduce this behaviour when I disable concatenation
 with `load-styles.php`.

 There are two styles here that depend on the load order:

 In `media-views.css`, we have this rule:

 {{{#!css
 .media-modal * {
     box-sizing: content-box;
 }
 }}}

 In `mediaelementplayer-legacy.min.css` we have this rule:

 {{{#!css
 .mejs-container, .mejs-container * {
     box-sizing: border-box;
 }
 }}}

 With concatenation disabled, `mediaelementplayer-legacy.min.css` loads
 before `media-views.css`, causing the incorrect behaviour.

 With concatenation enabled, `media-views.css` is concatenated, but
 `mediaelementplayer-legacy.min.css` is not. The `load-styles.php` with
 `media-views.css` is loaded before `mediaelementplayer-legacy.min.css`,
 which applies the CSS rules in the correct order.

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