IE 7 and 8 pushed behind other windows #2057

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

Projects

None yet

8 participants

@OwenBrotherwood

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 :(

@OwenBrotherwood

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

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

@toddparker toddparker closed this Jul 12, 2011
@OwenBrotherwood

:)
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!

@jblas jblas was assigned Aug 5, 2011
@toddparker toddparker reopened this Aug 5, 2011
@toddparker

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

@OwenBrotherwood

Role on IE10 ... :)

@toddparker

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

@toddparker

Did this commit fix this too?
8387919

@jaspermdegroot
jQuery Foundation member

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

@jaspermdegroot
jQuery Foundation member

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

@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