[wp-trac] [WordPress Trac] #38149: Customizer mousewheel 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.5
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, administration
-------------------------------------+---------------------------------
Changes (by westonruter):

 * keywords:  has-patch => has-patch needs-testing
 * version:  4.6.1 => 4.5


Comment:

 @tristangemus thanks for looking into this. The `position:absolute`
 property was added in [36532] as part of the device previewing
 functionality. I can confirm that removing this property seems to fix the
 scrolling in in the desktop customizer view. However, I noticed if I
 resized the window down to a mobile breakpoint and reloaded, the
 customizer preview iframe would fail to scroll with the “mousewheel” after
 navigation there as well.

 I did a bit of googling and I came across this somewhat astounding fix
 that fixes the issue in both the desktop and mobile views:
 http://stackoverflow.com/a/28696563/93579

 For some reason adding an empty `onmousewheel` attribute on the `iframe`
 causes Safari to recognize mousewheel scrolling on the iframe. Would you
 give [attachment:38149.2.diff] a try?

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