[wp-trac] [WordPress Trac] #20805: Theme Customizer: Preview should be scrollable on iPad and Kindle Fire (was: Theme Customizer: Preview should be scrollable on iPad)

[WordPress Trac]

#20805: Theme Customizer: Preview should be scrollable on iPad and Kindle Fire
--------------------------+------------------
 Reporter:  koopersmith   |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  3.4
Component:  Appearance    |     Version:  3.4
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |
--------------------------+------------------

Old description:

> Currently, the customizer preview iframe is not scrollable on iPads.
> Originally, Mobile Safari was supposed to scroll iframes with two
> fingers, but has been broken since at least iOS 4.2.1.
>
> Applying the following to the parent element allows the iframe to scroll
> with one finger, but will not render any iframe contents that were
> originally out of the frame when scrolled (it just becomes white). Also,
> when the preview is refreshed, the iframe stops scrolling altogether.
>
> {{{
> #customize-preview {
> overflow: auto;
> -webkit-overflow-scrolling: touch;
> }
> }}}
>
> For more information on this technique, see:
> http://stackoverflow.com/questions/4599153/iframes-and-the-safari-on-the-
> ipad-how-can-the-user-scroll-the-content

New description:

 = iPad =

 Currently, the customizer preview iframe is not scrollable on iPads.
 Originally, Mobile Safari was supposed to scroll iframes with two fingers,
 but has been broken since at least iOS 4.2.1.

 Applying the following to the parent element allows the iframe to scroll
 with one finger, but will not render any iframe contents that were
 originally out of the frame when scrolled (it just becomes white). Also,
 when the preview is refreshed, the iframe stops scrolling altogether.

 {{{
 #customize-preview {
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 }
 }}}

 For more information on this technique, see:
 http://stackoverflow.com/questions/4599153/iframes-and-the-safari-on-the-
 ipad-how-can-the-user-scroll-the-content

 = Kindle Fire =

 (Originally #20806.) The customizer's preview frame is scrollable on the
 Kindle Fire... but only if you zoom in first. If the page is fully zoomed
 out, the viewport is locked.

--

Comment (by nacin):

 Per azaozz, [attachment:customize-preview.dev.js-testing.patch] does
 address problems in the Kindle Fire as well.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/20805#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software