Prevent inline editing toolbar from dragging off the screen?

[Bob]

This is reproducible on the demo site.  When inline editing is used, the toolbar drag handle can be dragged outside of the boundaries of the browser, which then prevents it from being moved back into frame.  Is there some way to prevent this from happening?  Once the toolbar is dragged out of range, the only way to get it back is to refresh the page.

 

 

[Martin]

Hello, Bob,

A possible approach I can think of is to simply hide the drag handle using CSS:

.k-editortoolbar-dragHandle{
     display:none;
}

Here is a small example for reference.

Let me know how that works for you.

Regards,
Martin
Progress Telerik

[Bob]

Hi Martin,

I talked with our product owner, and the desire is to allow the toolbar to be moved but not dragged off the screen.  We are looking for a workaround to keep the toolbar on the screen and not disable it.

Thanks, Bob

[Martin]

At this point there is no built-in option to restrict the drag movement of the inline Editor. If you think it will be a valuable asset for the widget, you can submit a feature request in our Feedback Portal.