kendo-react
kendo-react copied to clipboard
[Bug][Window] Dragging the component outside the screen causes overflow
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
- Open an example of the Window component - https://www.telerik.com/kendo-react-ui/components/dialogs/window/
- Drag it to the far right or bottom
Reported in Ticket ID: 1644009
Also reported in Ticket ID: 1652798
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