Touch events passing through fixed toolbar

[jeafgilbert]

<div id="page" data-role="page" data-fullscreen="true">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <a href="#" data-icon="back" onClick="history.go(-1)">Back</a>
        <h1>Test Page</h1>
        <a href="#" data-icon="" onClick="#">Next</a>
    </div>
    <div data-role="content">
        <select>
            <option>Option 1</option>
            <option>Option 2</option>
            <option>Option 3</option>
            <option>Option 4</option>
        </select>
    </div>
</div>

With data-icon="back", first time I tapped on the dropdown, the browser shows the URL address bar. Second time I tapped on the dropdown, the options appear with the Android dropdown select widget.

With empty value (data-icon=""), first time I tapped on the dropdown, the options appear with the Android dropdown select widget.

Tested with : Android 2.3

[jeafgilbert]

Btw, I don't know why some of my source code above rendered as HTML elements, not included in grey box.

[toddparker]

Can you create a test page using the latest build? Template: http://jsbin.com/eseley/edit

[jeafgilbert]

I'm using jQuery Mobile RC 1.1.0 and I don't see it in jsbin.

[toddparker]

You don't see the error when using the latest in jsbin? If so, we can close as fixed.

[toddparker]

@JeaffreyGilbert - That link was a template with latest included. Anyway, does this illustrate the issue:
http://jsbin.com/eseley/9

[jaspermdegroot]

I adjusted the test page a little bit (http://jsbin.com/enuyud/4/) so the select menu button is half covered by the header.

Issues I noticed while testing on Android 2.3.3 were:

• When I tap on the header, the select menu is opened (seems to be a duplicate of Touch events passing through a fixed header  #4480)
• When I tap on the select menu button right below the back button, the back button is triggered

I also tested with back button without an icon and didn't see any difference. Maybe it is more a matter of the button being smaller so the area where issue 2 occurs becomes smaller as well.

[jaspermdegroot]

Update: changed the topic of this issue because it is most likely not related to "data-icon" (previous title of the issue).

[jaspermdegroot]

Issues #4914 and #4204 are closed as duplicates, not as fixed.

[ytzhakov]

Confirmed on Samsung Galaxy S 2, Android 2.3.3.

This issue is kind of a blocker. I cannot release a website while this bug is still there.

[toddparker]

@ytzhakov - I just tested @uGoMobi's test page on our Nexus running 2.3.6 and the page seems to work ok. I can tap the left edge of the select and it opens, and it can tap the back button and it works. This could be a bug in 2.3.3 that Google fixed or differences in hardware, especially digitizers and error correction in the OS. Not sure, but Android is super buggy with fixed.

[ytzhakov]

Well, it never happened in 1.1.x and 1.x

[jaspermdegroot]

Issue #2506 has been closed as duplicate. It was about the same issue, but on an Android 2.1 device.