Search jQuery

jQuery Forum

Using jQuery UI

rostacik

jQ UI dialog problem on MS EDGE

in Using jQuery UI • 4 years ago

gents,
I have a problem with jQ UI on MS EDGE.

I was able to isolate the problem to my repo here : https://github.com/rostacik/jquiedgeproblem

I am using this - https://www.npmjs.com/package/http-server - nodejs based server to serve my files from the folder so git clone and running http-server will get you the same setup I use.

repro steps :
go to html/page.htm

click on button "call iframed window"
modal jQ UI dialog will appear

click to the right (on the body) of the button - you should hit the debugger statement in $("body").click(

continue with execution of JS

click on the "close me" button

in chrome and ff you will hit just the $("body").click( handler,

in EDGE you will also hit the window.addEventListener( handler

now the problem is, that this handler will be hit after the jQ UI dialog is closed and all objects like window , etc. are in a strange state.

I attached screenshot of what I see on my machine.

on my machine I can see these version number of EDGE :

Microsoft Edge 42.17134.1.0
Microsoft EdgeHTML 17.17134

thanks for any kind of idea :)

Attachments

jq_ui_edge.png
Size : 94.06 KB Downloads : 451 Download

Replies(4)

watusiware

Re: jQ UI dialog problem on MS EDGE

4 years ago

I am using this - https://www.npmjs.com/package/http-server - nodejs based server to serve my files from the folder so git clone and running http-server will get you the same setup I use.

You're asking a lot!

The best way to get help here is to create a jsFiddle that demonstrates the problem. Try to make it minimal, and remove anything not directly related to the problem.

If that's not possible (for example, you are using Ajax), provide a link to your page on the Internet.

----

I looked at your repo. I see you are not using:

You should always include this to tell IE/edge to behave like a modern browser.

I also see you aren't using the recommended load sequence for jQUI. You should load in <head> not at the bottom of <body>. Loading scripts at the bottom of <body> is an old-fashioned "optimization" that seldom makes sense today.

Is there some good reason you are using window.addEventListener rather than $.on()? Are you trying to incrementally migrate your code to "vanilla Javascript"? That seems strange for a jQuery UI project, where you cannot avoid jQuery, since JQUI depends on it.