From 432b876e842c2e0afd2fd5b21c736d6d1a4139a9 Mon Sep 17 00:00:00 2001 From: Kin Blas Date: Tue, 20 Sep 2011 14:16:37 -0700 Subject: [PATCH] Fix for issue 2474 - [IPAD] change page flicking in landscape[IPAD] change page flicking in landscape - On iOS, giving focus to the ui-page element causes flashing during page animations/transitions. This is due to the CSS outline property which is applied when the page is given focus. Turning outlines off for all pages prevents the flashing. --- themes/default/jquery.mobile.core.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/themes/default/jquery.mobile.core.css b/themes/default/jquery.mobile.core.css index 7c9d9289..a04707b3 100644 --- a/themes/default/jquery.mobile.core.css +++ b/themes/default/jquery.mobile.core.css @@ -22,6 +22,9 @@ .landscape, .landscape .ui-page { min-height: 300px; } +/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ +.ui-page { outline: none; } + /* native overflow scrolling */ .ui-page.ui-mobile-touch-overflow, .ui-mobile-touch-overflow.ui-native-fixed .ui-content {