-
-
Notifications
You must be signed in to change notification settings - Fork 78.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Modal overflow does not scroll on iOS #3361
Comments
Yes also having this issue. |
Also related if you trigger the modal when you are at the bottom of the page the modal will show up at the top of the page and the user has no indication that anything has happend except everything is blacked out. Update: I filled a separate issue here #3391 |
arronmabrey: I would recommend submitting that as a separate issue so that can be looked at separately. Upon further inspection, it is possible to scroll the content of a modal overlayed. However, you have to use a two finger scroll, which is highly unintuitive to mobile users. I can understand this being a deterrent for using modals on iPhone/iPod touch/Android phones, but iPads should still be able to handle modals. If there is a way to override this functionality efficiently, maybe look into implementing that. Otherwise it is a design feature implemented by Apple in a quite poor fashion and we may just have to avoid larger modals with overflows on iOS devices. |
Thanks I will submit a new issue. (Update: #3391) In the mean time this is what I have done to resolve the modal-body scrolling issue. I overrode the Now I'm using the responsive version of bootstrap and I'm using http://modernizr.com/ so I'm only targeting small touch devices with this. @media only screen and (max-width: 480px) {
.touch .modal .modal-body {
max-height: none;
}
} I would suggest this as the default for the |
After much search and the wast of a couple days, I found that android does not support (anything older than honeycomb) scrolling on anything other than the body of an html page. Here is the reference I found: http://code.google.com/p/android/issues/detail?id=6864&q=scroll%20android%20inner&colspec=ID%20Type%20Status%20Owner%20Summary%20Stars |
Yeah, seeing this issue, too. And performance with the suggested fix of Edit: Just discovered |
I've been making the recommendation to my team just create a new page. I dont really think modals on mobile are worth right now. If you create a new tab/window. The user will not lose their place. It wont be as seamless as a working modal solution would be....but it will be compared to what modals currently are capable of on mobile. |
please guys i need help |
I would just drop the modal on mobile and create an entirely new page. In On Fri, Nov 2, 2012 at 11:59 PM, jonathan notifications@github.com wrote:
Douglas Finley |
Thanks! |
Punting as a won't fix until v3 when we redo the modals. |
I feel like I'm chasing the dragon... NEED A FIX! |
@nym check out my modal extension: https://github.com/jschr/bootstrap-modal Issue #44 discusses how you might solve to problem, albeit some caveats. Hopefully this helps until BS 3 comes out. |
I had good luck with using: -webkit-overflow-scrolling: touch; and the no-body-scroll-fix (both listed above) |
When viewing a modal on iPad, attempts to scroll within the content of the modal instead triggers scrolling of the entire page in the background.
Tested on iPad 2 iOS 5.1 Mobile Safari while viewing Bootstrap Documentation and Examples http://twitter.github.com/bootstrap/javascript.html#modals
The text was updated successfully, but these errors were encountered: