Still resizes after releasing mouse outside window

[Fabioni]

Check out the sandbox: https://codesandbox.io/p/sandbox/react-resizable-panels-forked-r6zcm6

If you drag the resizer up until the first panel gets collapsed, and you release the mouse outside the iframe of codesandbox (or just outside your browser window) your code does not recognize the mouse release and still changes the panel size after the mouse hovers back over the iframe.

[bvaughn]

If you'd like to post a PR for this, I'll try to make the time to review it. Else I probably won't have the time to pick it up.

[afshawnlotfi]

Having the same issue

Edit: Fixed by updating package to the latest

[bvaughn]

I think the iframe in Code Sandbox is causing this behavior. Seems like the "pointerup" event isn't being registered if it's fired outside of the iframe. Maybe something is intercepting and canceling the event? Not sure.

Edit I think this is a cross-domain/origin issue. I think I can repro this behavior if I use an iframe that loads content from a different domain/host, but not if it's the same host.

[bvaughn]

Fixed in #374 and released in 2.0.21

You can see the fix here in this updated Sandbox: https://codesandbox.io/p/sandbox/react-resizable-panels-forked-3h4km6

---

❤️ → ☕ givebrian.coffee