Can't drag from right to left

[andrei102896]

Hello.
So, all your demos are left to right dragging.
When I try to use it for dragging from right to left, the internal state goes crazy and it somehow reset the state.
In the photo I attached you can see how i'm trying to go from right to left and it is continuously "reseting" the state instead of going smoothly from 421 to 430
react

[AlabamaYarrow]

I guess I'm experiencing the same issue. I put my ResizableBox to bottom-right of its container and when I resize it to the up or to the left, it behaves similarly to what @andrei102896 describes. Looks like during resize process onDrag callback is called with both negative and positive deltaX/Y (while on bottom-right resizing only same sign deltas occur).

Here is a basic snippet for this case:

<div
    style={ {
        width: 500,
        height: 500,
        display: 'flex',
        alignItems: 'flex-end',
        justifyContent: 'flex-end',
        backgroundColor: 'gold',
    } }
>
    <ResizableBox
        width={100}
        height={100}
        resizeHandles={ ['sw', 'se', 'nw', 'ne', 'w', 'e', 'n', 's'] }
     >
        <div style={ { height: '100%', backgroundColor: 'green' } }>
            Some content
        </div>
    </ResizableBox>
</div>

[ConorKelleher]

I'm not certain that what I'm experiencing is the same as those described above but I'm having a problem with resizing from the left and from the top as well. It does seem to be an issue of this library's internal state for detecting position deltas being invalidated by the top-left position of the object being moved due to the last resize callback, resulting in a jump, which then causes further confusion with internal state, resulting in a series of jumps back and forth over where the user is actually dragging.

I've put together a simple codesandbox reproduction showing how dragging an object from the right of a left-justified object, not affecting its top-left positioning results in a smooth resize, whereas dragging from the left of a right-justified object, which DOES change the top-left positioning results in a horrible stutter: https://codesandbox.io/s/react-playground-vwlpk?file=/index.js

Samples:

• Dragging to the right: smooth
  

• Dragging to the left: jumpy/flickering
  

[ConorKelleher]

I've just opened a PR #136 to address this issue. Hopefully it gets in soon 🤞

[STRML]

Closing - use resizeHandles={['w']} for west (left) handle to enable left-to-right resizing.