jquery ui dialog and our dearest friend, ie6

Posted by bradjive on Stack Overflow See other posts from Stack Overflow or by bradjive
Published on 2010-04-30T20:22:38Z Indexed on 2010/04/30 20:57 UTC
Read the original article Hit count: 323

I'm using the jquery ui dialog for a modal popup dialog. It's working great in Firefox/Chrome but terrible in ie6.

Problem: When I show the dialog in ie6, the browser window grows and automatically scrolls down to the bottom. The height increase and automatic scroll-down is equal to the height of the jquery dialog.

I can scroll up and then use the dialog as normal, but the behavior where it grows the window and drops is maddeningly unacceptable.

Here is how I'm launching the window:

<div id="dialogWindow"></div>

...

       $(document).ready(function() {
            var $dialog = $("#dialogWindow").dialog({
                autoOpen: false,
                modal: true,
                minWidth: 560,
                width: 560,
                resizable: "true",
                position: "top"
            });

            $('.addButton').click(function(e) {
                e.preventDefault();
                $('#dialogWindow').load('http://myurl');
                $dialog.dialog('open');
            });
        });

I am already using the bgiframe plugin for jquery which is key for ie6 overlay issues. But this seems unrelated to that. Has anyone seen this before and found a work around?

© Stack Overflow or respective owner

Related posts about jquery-ui

Related posts about jquery-ui-dialog