Skip to content
This repository

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

Closed
pamelafox opened this Issue June 29, 2011 · 10 comments

5 participants

Pamela Fox Scott Jehl Todd Parker Martin Schubert
Pamela Fox

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> 
  </div>

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.

Scott Jehl

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!

Pamela Fox

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

Todd Parker

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.

Todd Parker

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>
Pamela Fox

That seems to be working for me, thanks!

Scott Jehl scottjehl closed this June 30, 2011
Martin Schubert

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

Todd Parker

@mtin79 - Guessing this is on Android?

Martin Schubert

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.

Todd Parker

@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
Something went wrong with that request. Please try again.