Category Archives: IE10

window.showModalDialog behaves differently on IE, FireFox and on Chrome

I would like to share one small “feature” I have found on current latest browsers. By “latest browsers” I mean (I tested this behavior on IE 11, FireFox 29 and Chrome 37).

The problem:
If say for whatever reason you are using JavaScript modal dialogs with

window.showModalDialog()

like in older web app (chrome and firefox displays waring you should use

window.open()

instead, more on this here : http://stackoverflow.com/questions/20733962/why-is-window-showmodaldialog-deprecated-what-to-use-instead ) and you are passing in multiple same arguments (for whatever reason, maybe you had default values + new values as params and previously IE took second parameter, that is the mystery of legacy code and I don’t suppose majority of you will do this, but it might happen), than you will have problem on FireFox.

So given JavaScript call like this

window.showModalDialog('HtmlPage1.html', null, 'resizable:0;status:0;dialogwidth:900px;dialogheight:200px;dialogwidth:100px;dialogheight:300px');

the following will happen :

no Error will be thrown, IE and Chrome will use second pair of dialogwidth and dialogheight, FireFox will use first one and all of these popups will be styled using these values so the same code will result in different UX.

Small side note though, Chrome will make dialog really 100px and IE will hit some internal min value I suppose and Chrome’s window will not be modal (you can click away) but  everywhere the window will be opened.

Hope this might save you some time in case you run into the same problem.

IE10 developer tools – web page is not responding

I just came across nice thing with Internet Explorer 10 on Windows 7.

I was debugging JS on my dev box and I experienced problem like this :

ie10 localhost not responding

At first it seems like development tools freezed. Also IE as such freezed. What I saw was IE with page in the back and tools with note you see above. I clicked on IE icon in taskbar and saw two “windows” like this.

ie10 two debugging taskbar

In fact what happened and I didn’t realized that was :

  • I started IE,
  • I opened development tools – tools are attaching to IE and listening to events = we are debugging,
  • some JS error happened,
  • I clicked on “Do you want to debug this web page?”,

ie10 js error

  • IE opened another development tools and now we have 2 development tools windows opened like this :

ie10 two debugging windows open

Problem is, that you see only 2 windows opened under IE icon, the reality is that you have IE and 2 development tools windows. 1 is live and working, 2 is blocked by newly opened one and might be hidden behind one of these two. So beware of this fact. IE works well, but this behaviour is not expected, at least by me.

Hopefully this will save you some time. Enjoy.

AD: I found one more thing. If IE while debugging misbehaves and shows you blablabla page is not responding – same as in first picture – just hit Win key + D = shortcut to display desktop and bring IE up again and it should work 🙂