Dialog position off screen

[voyagerx]

I am running into an issue where the dialog position is relative to the content, not to the window. For example, if I have a datatable that makes the browser window have scroll bars, and I'm at the bottom of the page/window, and the dialog is positioned at "top", then the diaglog is out of the current display and I have to scroll up to the top of the content to see it. Likewise, if I have a lot of content, and I have the dialog positioned at center, I still have to scroll up to the center of the content as it is not in the center of the window. Since there is no indication the dialog has popped up, it is hard to know you have to scroll the browser up to find it.

It's worse when its a modal dialog, as the dialog shows up off the screen and you can't scroll so there is no way to get to it and no way to close it out.

Any one else see this

[barthelomeo]

I have the same issue. The top position is set to -136px in my case. I resolved this with a little hack.

I wrote a own css and add this:

.ui-dialog{
top: 0px !important;
}

That overwrites the top position and all (!) dialog are correct at top position.

[voyagerx]

Thanks!

[sdefeo1]

Hello,
for me it's not OK whith your solution.
I have add this to resolve the problem :
.ui-dialog {
position:absolute;
}