From 80893170ca7be11089c16c76a6646dbbf2fb4db8 Mon Sep 17 00:00:00 2001 From: Mat Marquis Date: Tue, 8 Nov 2011 15:06:18 -0500 Subject: [PATCH] =?UTF-8?q?Additional=20work=20on=20#2066=20=E2=80=94=20Th?= =?UTF-8?q?is=20change=20only=20applies=20overflow-x:=20hidden=20to=20body?= =?UTF-8?q?/div=20elements=20that=20receive=20the=20.ui-mobile-viewport=20?= =?UTF-8?q?class,=20as=20we=20can=20safely=20predict=20that=20style=20won?= =?UTF-8?q?=E2=80=99t=20interfere=20with=20native=20select=20funcitonality?= =?UTF-8?q?=20when=20attached=20to=20those=20elements.=20This=20will=20add?= =?UTF-8?q?ress=20the=20vast=20majority=20of=20use=20cases,=20and=20preven?= =?UTF-8?q?t=20this=20style=20from=20causing=20unpredictable=20Android=20i?= =?UTF-8?q?ssues=20in=20the=20event=20that=20the=20page=20is=20wrapped=20i?= =?UTF-8?q?n=20an=20unusual=20element=20(a=20form,=20table=20cell,=20marqu?= =?UTF-8?q?ee=20tag,=20etc.).?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/structure/jquery.mobile.core.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/css/structure/jquery.mobile.core.css b/css/structure/jquery.mobile.core.css index e832153b..83e04675 100644 --- a/css/structure/jquery.mobile.core.css +++ b/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; }