Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

fix css in touch-overflow example #3165

Merged
merged 1 commit into from

2 participants

@MaZderMind

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

@toddparker

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

@MaZderMind
@toddparker toddparker merged commit f8dcaa2 into jquery:master
@toddparker

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. @MaZderMind
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
View
2  css/structure/jquery.mobile.core.css
@@ -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.