From 9460d9bdd4a4aed64572b58c75e47117ba5eb2c3 Mon Sep 17 00:00:00 2001 From: Oori Date: Thu, 3 Apr 2014 10:01:51 +0200 Subject: [PATCH 1/2] overflow-scroll: removed duplicate css entries --- scss/_scaffolding.scss | 11 ----------- 1 file changed, 11 deletions(-) diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss index 7002429c54..39e705f899 100644 --- a/scss/_scaffolding.scss +++ b/scss/_scaffolding.scss @@ -269,17 +269,6 @@ ion-infinite-scroll.active .scroll-infinite { } -.overflow-scroll { - overflow-x: hidden; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; - - .scroll { - position: static; - height: 100%; - } -} - // Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab. // Note: For these to work, content must come after both bars in the markup /* If you change these, change platform.scss as well */ From 0a9b7c2cabef91e38891e6196689dbc59ba0d545 Mon Sep 17 00:00:00 2001 From: Oori Date: Thu, 3 Apr 2014 10:10:18 +0200 Subject: [PATCH 2/2] overflow-scroll: fix iOS bug where relative children of scroller disappear while scrolling. resolved by forcing hardware acceleration --- scss/_scaffolding.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss index 39e705f899..17e87b42eb 100644 --- a/scss/_scaffolding.scss +++ b/scss/_scaffolding.scss @@ -265,6 +265,7 @@ ion-infinite-scroll.active .scroll-infinite { .scroll { position: static; height: 100%; + -webkit-transform: translate3d(0, 0, 0); // fix iOS bug where relative children of scroller disapear while scrolling. see: http://stackoverflow.com/questions/9807620/ipad-safari-scrolling-causes-html-elements-to-disappear-and-reappear-with-a-dela } }