Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

fix css in touch-overflow example #3165

Merged
merged 1 commit into from

2 participants

Peter Todd Parker
Peter

Hi

This fixes a bug with lists not beeing fit into the viewport width anymore when using touchOverflowEnabled on iOS5.

With 1.0 it looks like this:
http://mazdermind.de/temp/jqmobile/touch-overflow/with-1.0.html
http://mazdermind.de/temp/jqmobile/touch-overflow/with-1.0.png (iPhone 4s)

With this pull it looks like this:
http://mazdermind.de/temp/jqmobile/touch-overflow/with-fix.html
http://mazdermind.de/temp/jqmobile/touch-overflow/with-fix.png (iPhone 4s)

Possibly this fixes #2744, too.

Regards,
Peter

Todd Parker

Looks good, but I'm curious why setting left and right to 0 works. Do you know?

Peter
Todd Parker toddparker merged commit f8dcaa2 into from
Todd Parker

Gotcha. We appreciate the help, keep 'em coming.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Nov 25, 2011
  1. Peter
This page is out of date. Refresh to see the latest.
Showing with 2 additions and 0 deletions.
  1. +2 −0  css/structure/jquery.mobile.core.css
2  css/structure/jquery.mobile.core.css
View
@@ -29,6 +29,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
overflow: auto;
height: 100%;
+ left: 0;
+ right: 0;
-webkit-overflow-scrolling: touch;
-moz-overflow-scrolling: touch;
-o-overflow-scrolling: touch;
Something went wrong with that request. Please try again.