[Solved] Prevent Moving Window Off Screen

[Adam]

Is there a way to prevent the window from being dragged outside the edge of the browser window?  Right now if the user drags the a modal window off the edge of the browser viewing space it cannot be easily accessed.

[Dimo]

Hi Adam,

I am afraid the Window does not provide such functionality. Generally, if dragged outside the visible page area, the component can always be accessed via the page scrollbars, unless you have disabled them.

Best wishes,
Dimo
the Telerik team

[Adam]

Thanks for the response.  I just noticed that the RAD Window for ASP.NET supported something to prevent it.  The page scrollbars work fine but when the window is dragged off the left side (at least in Chrome as that was the only one I tested it on) the scrollbars didn't show but they do when off the right side.

[Dimo]

Hello Adam,

You are right that (additional) scrollbars do not show when the Window is dragged outside the page to the left, however, since there are buttons on the top-right corner of the component, the user should drag it by clicking towards the middle of the titlebar. In other words, the user has to perform actions deliberately in order to hide the Window and not be able to get it back. I personally even did not succeeed to do that.

Kind regards,
Dimo
the Telerik team

[Adam]

I was able to do it in Chrome on the demo page without doing anything untoward.  I just clicked the title bar and dragged it off the side as if I was going to click on something else and the whole window was off the screen, which for a Modal would prevent the user from doing anything on the page unless they know that they can just refresh the page to restore it back.  If the window control provided a OnMove event after the window was moved that would allow us to determine that it had been dragged off the screen we could at least restore it to be visible.  Our biggest concern is with Modal windows being able to drag them off the side of the screen and then having the user not know how to make it so they can get back to using the page.

[Dimo]

Hi Adam,

I still cannot drag the Window outside the page, but anyway, we will consider adding such a functionality in the future. Thanks for the feedback.

Greetings,
Dimo
the Telerik team

[Adam]

It was more noticeable on dual monitors where you put the browser window on the right monitor and then drag off to the left and then let go of the mouse button once the modal is off the screen.

[Dimo]

Hi Adam,

We have added a restriction to the Window component, which will prevent the user from dragging it outside of the viewport on the left side. The Window's right edge will always be visible, so that it can be dragged back and the titlebar buttons will always be visible. Changes will take effect in the next internal build. Thank you for your feedback.

All the best,
Dimo
the Telerik team