When a dialog close button is clicked over a page header button, it clicks that too #1986

pamelafox opened this Issue Jun 29, 2011 · 10 comments


None yet

5 participants


I have a multi-page app with headers like so:

  <div data-role="header" data-theme="b"> 
    <a href="#home" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Home</a>-->
    <h1>My App</h1> 
    <a href="#settings" data-icon="gear" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Settings</a> 

I then open dialogs above that app, and often times (I notice it particularly in Android browser), when I click the upper left close button on the dialog, the dialog-opening page appears but then the home page appears after that. When I comment out the home button, it works as expected. I suspect that it's interpreting the dialog close click as a click on the "home" button as well.

Let me know if you need a fuller example for replication.


Have you tried testing this with our latest build (find here http://jquerymobile.com/blog/2011/04/16/latest/ )? It may be related to a bug we've fixed after beta (and we are currently working on a better fix). Thanks!


Just tried with the "latest" minified JS and CSS. It doesn't happen every single time, but still happens most of the time.


We're still tinkering with these double click events. As you said, it's more of a problem in Android, especially 2.1. Surprised the latest didn't make this work quite a bit better.


Ok, we just made a bigger change that should put events back to where they were pre-beta 1. Can you try the latest again:

<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>

That seems to be working for me, thanks!

@scottjehl scottjehl closed this Jun 30, 2011
mtin79 commented Dec 7, 2011

i got the same issue and i am using jquerymobile final 1.0


@mtin79 - Guessing this is on Android?

mtin79 commented Dec 7, 2011

unfortunatelly i got this on the iphone.


I have the same issue with the dialog box "close" button activating other buttons on the page. I've managed to move it off of most of them by adjusting the top margin to
.ui-dialog .ui-header{
margin: 30% auto 15px auto;
However, that's just a workaround. This happens on all devices, jqm 1.0.


@lovableCurmudgeon - are transitions off? I've never seen this type of issue on iOS.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment