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

[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:  has-patch needs-refresh needs-testing  |
---------------------------------------------------+------------------

Comment (by azaozz):

 Yes, seems we will have to use at least two different "strategies" for
 mobile devices:

 - For iOS 5+ scrolling the preview seems only possible when we force
 scrolling of the whole page (by setting the iframe height). It also
 supports position:fixed so the controls are accessible regardless of the
 scroll position.

 - For Android 2.3 (and Kindle Fire that runs a forked version of 2.3),
 position:fixed is only supported when the zooming is disabled so the
 tweaks that work in iOS don't work well. At the same time it wouldn't
 scroll the preview iframe when loaded with viewport meta: initial-scale=1.
 A workaround is to set initial-scale=1.01, then it behaves more or less
 like iOS with forced iframe height, i.e. scrolls the whole page.

 - Android 3+ seems to work well.

 For the 25% / 75%, perhaps we can set min-width: 220px or 250px for the
 controls, that would let then shrink a bit but not get too narrow on
 smaller screens and expand on larger screens? Or maybe reduce the width to
 about 250px?

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