[wp-trac] [WordPress Trac] #38149: Customizer mousewheel scrolling issue in Safari on Mac (was: Customizer scrolling issue in Safari on Mac)

[WordPress Trac]

#38149: Customizer mousewheel scrolling issue in Safari on Mac
---------------------------+---------------------------------
 Reporter:  Martin Snajdr  |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  4.7
Component:  Customize      |     Version:  4.6.1
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  ui, administration
---------------------------+---------------------------------
Changes (by westonruter):

 * keywords:   => needs-patch
 * milestone:  Awaiting Review => 4.7


Comment:

 I can reproduce the problem in Safari 9.1.3 on El Capitan.

 1. Load customizer.
 2. Use scrollwheel to scroll down the page successfully.
 3. Click on a link in the customizer preview to navigate somewhere else on
 the site (or enter `wp.customize.previewer.refresh()` in the console, or
 update a control for a setting that uses the `refresh` transport).
 4. Try to use the scrollwheel and notice that scrolling no longer occurs.

 Nevertheless, at point 4 scrolling can still be done if you click the
 scrollbar on the right to scroll down, or if you resize the window.

 For some reason, `scroll` events aren't getting triggered on the iframe
 after a refresh. Note that when the customizer does do a refresh or a page
 navigation, it loads the new page in the background in a secondary iframe,
 and when it finishes loading it removes the previous iframe to reveal the
 new iframe behind. So there seems to be some issue in Safari with the new
 iframe not being fully exposed yet for clicks.

 I tried checking out WP 4.5 and the issue was still present there, so it
 may be a new bug in Safari itself.

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