react-grid-layout / react-resizable

A simple React component that is resizable with a handle.

Home Page:https://strml.github.io/react-resizable/examples/1.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Wrong size when resizing diagonally with lockAspectRatio

catherine-dubovik opened this issue · comments

Thanks for opening an issue!

Please select the type of issue you're reporting. For questions.

  • Bug
  • Feature Request
  • Question

Problem Report

If lockAspectRatio option is set to true and you resize ResizableBox/Resizable diagonally, the size is wrong, the content is resized way faster than the mouse cursor moves. The issue is cumulative and is more noticeable while resizing a large ResizableBox/Resizable to a smaller one or vice versa.
It can be reproduced on version 3.0.0 and higher (see attached video resizable-3.0.4), but on version 2.0.0 and lower everything is ok (see attached video resizable-2.0.0) .

System Info

Node Version: v16.16.0
Browser: Google Chrome 113.0.5672.127
OS: Windows 10

Reproduction

https://codesandbox.io/s/long-https-uoun8f?file=/src/ResizableBox.js

resizable-3.0.4.mp4
resizable-2.0.0.mp4