[wp-trac] [WordPress Trac] #42052: Customize Themes: themes browser header not visible in Safari 11

[WordPress Trac]

#42052: Customize Themes: themes browser header not visible in Safari 11
---------------------------------------+----------------------------
 Reporter:  afercia                    |       Owner:  benoitchantre
     Type:  defect (bug)               |      Status:  reviewing
 Priority:  normal                     |   Milestone:  4.9
Component:  Customize                  |     Version:  trunk
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:
---------------------------------------+----------------------------

Comment (by afercia):

 > when you start typing into the search field, the sections on the left
 slide out into oblivion: https://youtu.be/6s8qCJy90AY

 This happens also in two more scenarios for me:
 - when tabbing from the sidebar to the search field: the sidebar content
 disappears
 - when opening a theme details modal and then closing it: the sidebar
 content disappears

 [[Image(https://cldup.com/huYU0wvMF3.jpg)]]

 Seems to me `.wp-full-overlay-sidebar-content` just scrolls horizontally,
 notice some of the following panels there do take space even if they use
 `visibility: hidden; height: 0;` they actually have some padding `padding:
 12px;`. Strangely enough, removing this padding fixes the scrolling but
 still doesn't identify the root cause.

 [[Image(https://cldup.com/jGZC7cFTUy.jpg)]]

 The scrolling seems to happen just in Safari though, I guess because
 Safari has a different (buggy? stricter?) overflow implementation. Just
 googling a bit, there are several references to not expected overflow
 behaviors with Safari. This doesn't explain why the scrolling happens when
 typing in the search field though. I guess there's something going on with
 the `translateX` for panels that are translated to the right together with
 `overflow` weirdness in Safari but couldn't identify what triggers the
 scrolling.

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