Question

I’m using the jQuery UI dialog modal to show up form in a modal.

When tested in Chrome everything went well. But in Firefox the overlay (ui-widget-overlay) doesn’t take the whole browser window. So when I scroll down when the modal is active the overlay is stopped and the rest of the webpage is visible…

Any help?

Answer 1

Try adding this to the overlay css

.ui-widget-overlay
{
    position:fixed;
    top:0;
    left:0;
}