Skip to content
This repository

fix css in touch-overflow example #3165

Merged
merged 1 commit into from over 2 years ago

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 toddparker closed this
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

Showing 1 unique commit by 1 author.

Nov 25, 2011
Peter fix css in touch-overflow example 3d40a6a
This page is out of date. Refresh to see the latest.

Showing 1 changed file with 2 additions and 0 deletions. Show diff stats Hide diff stats

  1. 2  css/structure/jquery.mobile.core.css
2  css/structure/jquery.mobile.core.css
@@ -29,6 +29,8 @@ div.ui-mobile-viewport { overflow-x: hidden; }
29 29
 .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
30 30
 	overflow: auto;
31 31
 	height: 100%;
  32
+	left: 0;
  33
+	right: 0;
32 34
 	-webkit-overflow-scrolling: touch;
33 35
 	-moz-overflow-scrolling: touch;
34 36
 	-o-overflow-scrolling: touch;
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.