Skip to content
This repository

IE 7 and 8 pushed behind other windows #2057

Closed
OwenBrotherwood opened this Issue July 12, 2011 · 14 comments

8 participants

Owen Brotherwood Todd Parker Kin Blas Jasper de Groot thomshutt amccague djabraham SumoMobi
Owen Brotherwood

After having the same as http://forum.jquery.com/topic/need-help-reproducing-jquery-mobile-causes-ie-s-window-to-hide I did some "stuff".

This fiddle causes my IE7 to hide behind other open windows. http://jsfiddle.net/UhNH5/19/

But ONLY if there is one tab open: if one has more than one tab open, the issue is NOT visible...

The fiddle does not cause my IE8 to hide BUT the window briefly goes behind and then in front of other windows

  • with more than one tab: no flicker... One sometimes has to refresh a few times to see the issue: "don't blink"

The original poster has some older JQM code @ http://host.appgeo.com/libs/geo/test/ which briefly goes behind and then in front of other window with IE8 (IE7 remains behind other windows).

Note:

  • that todd looked at the issue with http://jquerymobile.com/test but the page does not show the issue.
  • I have the issue using "latest" in my web-app with IE7 and IE8 going and remaining behind other windows.
  • using the fiddle markup in a localhost setup does NOT show the issue.

All in all, a bummer of a case: sorry.

Edit:

going into "debug as best I can, JQM": any hints welcome...off to get the full latest code.
3 dys left until summer holidays and I hate this bug as the company uses IE7 as main IE :(

Owen Brotherwood

Believe it or not: this seems to be the case.
JQ and JQM code at bottom of markup === issue

I used the enclosed markup on my localhost web server: js fiddle does not confirm the problem/solution in this case
Note:
-the original poster of the issue on forum also has JQ and JQM code at bottom of markup.
-the http://jquerymobile.com/test has JQ and JQM code at the top of the markup.

Never did get as far as debug JQM code (just crash course in Git Fork): allways examine the markup first folks!

<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
        <script src="http://code.jquery.com/jquery-1.6.2.js"></script>
        <script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    </head>
    <body>
        <div data-role="page" id="appPage" >
            <div data-role="content">
                    <ul data-role="listview" >
                        <li data-role="list-divider">
                            Hello
                        </li>
                        <li>
                            from
                        </li>
                        <li data-role="list-divider">
                            owen
                        </li>
                    </ul>
            </div>
        </div>
    </body>
    <!--
    causes IE 7 and 8 : window to background
    <script src="http://code.jquery.com/jquery-1.6.2.js"></script>
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>
    -->
</html>
Todd Parker

So this seems like a browser bug with how the markup is done in this case, not something with jQM, right? I'll close then...

Todd Parker toddparker closed this July 12, 2011
Owen Brotherwood

:)
The gotcha is now documented, so the Info can be found until a browser note (wiki?) is made when getting closer to final release.

thomshutt

This is still an issue for me - with JQM in an iframe it is reproducible even with the script tags in the iframe's head.

thomshutt

Found the offending code:

// Kill the keyboard.
// XXX_jblas: We need to stop crawling the entire document to kill focus. Instead,
//            we should be tracking focus with a live() handler so we already have
//            the element in hand at this point.
// Wrap this in a try/catch block since IE9 throw "Unspecified error" if document.activeElement
// is undefined when we are in an IFrame.
try {
      $( document.activeElement || "" ).add( "input:focus, textarea:focus, select:focus" ).blur();
} catch(e) {}

Commenting out those three lines fixes the problem. Any information on what commenting them out is breaking would be appreciated!

Todd Parker toddparker reopened this August 05, 2011
Todd Parker

Thanks for the tip murdercitythom. Re-opening so we can give this a look.

amccague

Had this issue in IE7-9. Deleting those 3 lines did indeed fix the problem. (JQM 1.1b2) EDIT: 1.1b3 as well

Owen Brotherwood

Role on IE10 ... :)

Todd Parker

See issue #2821 for a possible fix and report back if that works, esp. on 7.

Todd Parker

Did this commit fix this too?
8387919

Jasper de Groot
Owner
uGoMobi commented May 26, 2012

@OwenBrotherwood @murdercitythom @Vanthel - Can you confirm this issue has been fixed so we can close? Thanks!

Jasper de Groot
Owner

@OwenBrotherwood @murdercitythom @Vanthel

Since there is no response I suppose the issue is not there anymore when using latest code. If it still persists, please comment so we can reopen.

Jasper de Groot uGoMobi closed this June 17, 2012
djabraham

I am having this issue with JQ 1.9 and JQM 1.3 under IE 9. Problem can be seen on your demo page too. Seems to be popups in general. Scroll down to the yellow Action button and click it a few times, window dives to desktop and sticks. Only happens if one tab is open. This issue makes it impossible to use popups. I tried commenting out the lines shown above, but it does not help.

http://view.jquerymobile.com/1.3.0/#/1.3.0/docs/widgets/popup/

Addendum: It seems to only happen with a list view in the popup, and only after an element is selected at least once.

SumoMobi

See the "fix" I mentioned in related issue 5814.

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.