Note that there are some explanatory texts on larger screens.

plurals
  1. POoverflow-y in Android/PhoneGap produces strange behaviour
    primarykey
    data
    text
    <p>I have an HTML5/jQuery Mobile app that I am developing with PhoneGap. I have deployed this app to iOS successfully and am now porting it to Android.</p> <p>I have run into some strange behaviour when testing this app on my Android device, which is a Samsung Galaxy S2 running Ice Cream Sandwich.</p> <p>I have a list of elements contained within a div, and that div has a fixed height. It also uses the CSS property overflow-y: scroll to allow the mobile user to scroll through the list. The list contains anchor links. Like this:</p> <pre><code>&lt;div style="display: block; width: 320px; height: 250px; overflow-y: scroll;"&gt; &lt;a href="index1.html"&gt;Link 1&lt;/a&gt; &lt;a href="index2.html"&gt;Link 2&lt;/a&gt; &lt;a href="index3.html"&gt;Link 3&lt;/a&gt; &lt;a href="index4.html"&gt;Link 4&lt;/a&gt; &lt;/div&gt; </code></pre> <p>When the list of anchor links is <em>still within the standard height of the box</em> (i.e. if the list only has a few elements), it works fine. You can tap on the links and they function as expected. However, when the list of links <em>expands beyond the height of the box</em> and overflow-y scrolling takes effect, I can no longer tap on the links. The scrolling works perfectly, but I can't tap on any of the elements within the scrolling div!</p> <p>Oddly, something else I cannot do with any of the links is select them using the browser's text selection capabilities. It's possible when there are too few links for scrolling, but not possible when the scrolling is active.</p> <p>I had assumed that a Galaxy S2 with ICS would be new enough to properly support overflow-y scrolling but perhaps I'm wrong. Any idea on how I can get this to work? I can't seem to find anything specific online in regard to bugs or support for overflow-y in Ice Cream Sandwich.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload