Prevent inline editing toolbar from dragging off the screen?

1 Answer 15 Views
Editor
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
Bob asked on 10 Mar 2022, 07:49 PM

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.

 

 

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 15 Mar 2022, 07:58 AM

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Bob
Top achievements
Rank 2
Iron
Veteran
Iron
commented on 17 Mar 2022, 01:03 PM

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
Telerik team
commented on 22 Mar 2022, 11:45 AM

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.
Tags
Editor
Asked by
Bob
Top achievements
Rank 2
Iron
Veteran
Iron
Answers by
Martin
Telerik team
Share this question
or