New size should only be committed after dragging ends

[Janpot]

Currently, when dragging panel 'right' and causing another panel 'left' to resize, it immediately commits the new size of the panel 'left', even if I drag panel 'right' back to its original position. See:

Screen.Recording.2023-01-09.at.12.23.14.mov

It feels counterintuitive, since it's quite common that I'm not 100% precise on my drag and will overshoot. Ideally all new sizes are only committed after I release the mouse button and panels spring back to their original position. See e.g. in vscode:

Screen.Recording.2023-01-09.at.12.24.10.mov

[bvaughn]

I have a TODO in the code somewhere to look into how difficult it would be to implement this behavior. I thought I had a GitHub issue too but it seems I didn't. 😄 I agree this would be a nice change! Don't know when I'll get around to it though.

[bvaughn]

On a flight today so I have some time to play with this. The idea I've been chewing over in the back of my head is to capture the initial panel sizes when dragging begins– and apply the drag delta to them (rather than to the current sizes). I think this would work out and require very little code.

Edit 1 This idea mostly works but there are some edge cases that don't. Bummer! Maybe it's still feasible though.

Edit 2 I think the thing I may have overlooked with my initial idea was that I would also need to capture the initial rect of the drag handle too, so that the offset calculation stayed relative to it. I'll try that.

[bvaughn]

This will go out with the next release, 0.0.34

[Janpot]

👍 Works well, great work!

[bvaughn]

Just published as v0.0.34

Full release notes here:
https://github.com/bvaughn/react-resizable-panels/blob/main/packages/react-resizable-panels/CHANGELOG.md#0034