Permalink
Browse files

Additional work on #2066 — This change only applies overflow-x: hidde…

…n to body/div elements that receive the .ui-mobile-viewport class, as we can safely predict that style won’t interfere with native select funcitonality when attached to those elements. This will address the vast majority of use cases, and prevent this style from causing unpredictable Android issues in the event that the page is wrapped in an unusual element (a form, table cell, marquee tag, etc.).
  • Loading branch information...
Wilto committed Nov 8, 2011
1 parent fea5bfd commit 80893170ca7be11089c16c76a6646dbbf2fb4db8
Showing with 3 additions and 2 deletions.
  1. +3 −2 css/structure/jquery.mobile.core.css
@@ -10,9 +10,10 @@
.ui-mobile a img, .ui-mobile fieldset { border: 0; }
/* responsive page widths */
-.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Issue #2066 */
-form.ui-mobile-viewport { overflow-x: visible; }
+body.ui-mobile-viewport,
+div.ui-mobile-viewport { overflow-x: hidden; }
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }

0 comments on commit 8089317

Please sign in to comment.