I'm using a jQuery UI dialog, with modal: true. Works fine in Firefox 3.6.3, Chrome 18.104.22.1684 (45376). jQuery core version is 1.4.2, and UI components are the latest and the ones designed to work with core 1.4 and up.
However, in IE8, with a page greater than 4096 pixels in height, the modal overlay starts misbehaving. This was found by crafting a simple page (using the guts of the downloaded demo) with a couple of height-styled divs.
<!-- manually add div to lengthen the page to help figure out why the modal dialog isn't working correctly in IE. --> <!-- if we add 1 to the height, making the total page height 4097 pixels, then the modal overlay goes awry -->
<!-- 4002px high --> <div style="height:4000px; border:1px solid black;"></div>
Same problem exists with jQuery 1.3.2 and related UI components. Any ideas?
 Noted that telling IE to run in Quirks mode "resolves" this problem...[/edit]
In a windows dev environment, testing on many versions of Firefox, Chrome, and IE, in Vista and Win7, we have this problem (the dialog overlay becomes black, ie completely opaque) on only one browser : IE8.0.6..1.1899 (on windows Vista - we don't have this exact version on any of our win7 machines)
no solution yet, but i have one addition to the above test: if you add another "Open Dialog" link at the bottom of the page (below the very long div), that link does not cause the problem. the problem is not just very long pages, but very long pages where the user is scrolled to the top.
changing doctypes did not help.
Leave a comment on andrewlorien's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic