kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

[Bug][Window] Dragging the component outside the screen causes overflow

Open WissamProgress opened this issue 1 year ago • 2 comments

I'm submitting a...

  • Bug report

Current behavior

When dragging the Window component to the right or bottom side of the screen, a scrollbar appears and the window size increases. Video demonstrating the bug:

  • https://somup.com/cZejiBp8IE

Expected behavior

The component does not increase the window size when dragging outside the screen, like in Kendo UI for Angular:

  • https://www.telerik.com/kendo-angular-ui/components/dialogs/window/

Minimal reproduction of the problem with instructions

  1. Open an example of the Window component - https://www.telerik.com/kendo-react-ui/components/dialogs/window/
  2. Drag it to the far right or bottom

Reported in Ticket ID: 1644009

WissamProgress avatar Mar 08 '24 07:03 WissamProgress

Also reported in Ticket ID: 1652798

WissamProgress avatar May 23 '24 10:05 WissamProgress

As a workaround, handle the position in controlled mode using the onMove, top, and left props. This allows you to restrict the dragging outside the screen:

  • https://stackblitz.com/edit/react-uypsez?file=app%2Fmain.jsx

WissamProgress avatar May 23 '24 10:05 WissamProgress