onResizeStop callback has wrong size when grid is applied

[joaogardenberg]

Thanks for opening an issue!

• [x] Bug
• [ ] Feature Request
• [ ] Question

Problem Report

The onResizeStop callback has wrong size when grid is applied. Its size property has width/height related to where I released my mouse click at, as if there was no grid applied.

System Info

Node Version: 13.12.0 Browser: Google Chrome 80.0.3987.163 (x64) on Windows 10 OS: Ubuntu 18.04 dockerized on Windows 10

Reproduction

https://codesandbox.io/s/react-resizable-playground-40isg Just resize the box to see.

[timoleinio]

Facing this issue as well. Are there any known workarounds?

[joaogardenberg]

@timoleinio I'm using onResize instead, until this is fixed. You could add some kind of debouncing function that executess only once every X miliseconds

[BearHunter49]

I also facing this issue too. I found another way comparing to @joaogardenberg , use 'ref' to div so get 'offsetWidth' when resizeStop called.