bokuweb
When using a scale and html element boundary the scale is not applied to the bounds.
Bug
Overview of the problem
When using a scale and html element boundary the scale is not applied to the bounds.
I'm using re-resizable version 6.9.16
My browser is: Chrome
I am sure this issue is not a duplicate? Yes
Description
Steps to Reproduce
- Apply a transform scale on the element that is the boundary
- resize and the sizing boundary is off.
Expected behavior
Even with a scale on the parent, the boundary should stay the same and follow what the user sees.
Actual behavior
The resize stops (hits the boundary) in an unexpected place.
@cor1 Thanks for your work. Could you please provide a codesandbox project to reproduce this issue?
@bokuweb Apologize for the delay, here is a codesandbox showing boundaries being off when scaling is applied https://codesandbox.io/p/sandbox/hardcore-meitner-t4nhsw?file=%2Fsrc%2Findex.js to see the issue, resize the window so the red area scales down.