Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

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

Closed
pamelafox opened this Issue · 10 comments

5 participants

@pamelafox

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.

@scottjehl

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!

@pamelafox

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

@toddparker

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.

@toddparker

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>
@pamelafox

That seems to be working for me, thanks!

@scottjehl scottjehl closed this
@mtin79

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

@toddparker

@mtin79 - Guessing this is on Android?

@mtin79

unfortunatelly i got this on the iphone.

@lovableCurmudgeon

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.

@toddparker

@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.