CSS overflow breaks click events on Galaxy tab

Question

I feel that I am missing something fundamental.

ABOUT:

Samsung Galaxy Tab 10.1 (maybe the truth is on other Andoid devices - not sure) Dolphin or default built-in browser Any block element created with overflow: auto or overflow-y auto to get a vertical scrollbar causes the div to work as if it’s not even in the event tree when a child is clicked.

For instance. I have something like this:

<div id="a"> <ul> <li>one</li> <li>two</li> <ul> </div> 

If ul is of type overflow: auto, then clicking on "one" or "two" fires the event on #a - as if ul / li did not even exist. In portrait mode, everything is fine. I can literally tilt the tablet 90 degrees so that it works, makes it unsuccessful, etc.

I still need to simplify this in the violinist, but you can see the effect by going here:

Since these are both browsers, this should be my problem!?!

Any ideas?

Answer 1

It looks like a variation of this problem.