<p dir="auto">Hi! I am writing some site (taxi with google maps in real time for our city), and I was created modal with form (for selecting taxi filters and your coordinates), and height of this modal was bigger, than height of my smartphone screen. I was tried to scroll modal down, to select other filters, and modal just was not scrollable. I tried to open and scroll modal from <a href="http://twbs.github.io/bootstrap/javascript/#modals-examples" rel="nofollow">Bootstrap docs</a>, and it too was not scrollable. I tried same on Android 4, and it worked normal. Can you fix opened modal scrolling for Android 2?</p>
<p dir="auto">P.S. Sorry for my bad English.</p>
<p dir="auto">This issue might already exist however after a bit of searching I couldn't find anything. I apologize in advance for that.</p>
<ul dir="auto">
<li>Problem:<br>
If the content of the modal window is bigger than the screen, you can't scroll and see the bottom of your modal window on certain platforms.</li>
<li>Concerned platforms (what I've tested so far):<br>
Android 2.2 (Nexus - Native Browser), BB7 (Black Berry Bold - Native browser)</li>
<li>Solution:<br>
.modal-open has oveflow: hidden + .modal has position: fixed;<br>
The body can't overflow thus the user can't see the full modal.<br>
I propose to inject a media query (targeting stuff below 780px) that replace overflow: hidden by overflow: auto and position: fixed by position: absolute. Beyond 780px normal behaviour, nothing to be worry about.<br>
May have to remove property such as bottom: 0; to have something that scroll properly.</li>
</ul>
<p dir="auto">Thoughts?<br>
Charles</p>