[Recreated with correct codepen link] Panels do not consistently collapse when they are up against the edge of the viewport

[incompl]

Here is a codesandbox that reproduces the issue: https://codesandbox.io/s/react-resizable-panels-forked-8c8qpo

Here is a video of the issue using the above codesandbox:

rrpissuesml.mov

[bvaughn]

Looks like it's a matter of mousing too quickly– such that the last "mousemove" event that fires is not lower than the panel's collapse threshold, and then the mouse has already exited the window (or in this case the iframe) so no more move events are fired.

[incompl]

I see, makes sense! Is it possible to disable the drag-to-collapse behavior to avoid this issue, and instead relying entirely on programmatic expand/collapse using buttons?

[bvaughn]

Yes, you could do that.

I think this is probably also a bug that this library should handle better though. Perhaps we should also listen for an event where the mouse leaves the viewport too

[bvaughn]

Fixed in 1638ede.

[bvaughn]

0.0.38

[incompl]

Thank you!