UI-dialog overlay in firefox

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;
}

Answer 2

For me does not solve the problem. Instead seems work correctly this other proposal Dialog UI background problem in Firefox Mac .

In short:

[...] the background defined by jQuery UI is not just a solid color: it's an image [...]

So you should replace background definition with something like background-color: #000; .

Please look at link provided to further details