[bug]: Resizable, wrong resize cursor on hover over different resize direction after resize

[anthonyhoegberg]

trafficstars

Describe the bug

When resizing using the resizable demo at Resizable Component When resizing and after not clicking on any objects, wrong resize cursor is displayed.

When lets say resizing horizontally or vertically, and then finish resizing. if we don't click on anything using the mouse and hover over a different axis of resizer we get the originally used resize cursor instead. So if we resized it vertically and after don't click on anything and hover over horizontal resize, we get vertical mouse resize icon.

Affected component/components

Resizable, ResizableHandle

How to reproduce

1. Resize horizontally or vertically (don't click or select anything after resize)
2. Hover over a different axis resize bar.
3. Last resized axis mouse cursor is displayed on hover instead of current resize axis.

Codesandbox/StackBlitz link

https://ui.shadcn.com/docs/components/resizable

Logs

No response

System Info

Google Chrome

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues

[FKnorring]

It seems like this can be fixed by updating the dependency on react-resizable-panels to atleast 2.1.1 where this bug was resolved.

[shadcn]

This issue has been automatically marked as stale due to one year of inactivity. It will be closed in 7 days unless there’s further input. If you believe this issue is still relevant, please leave a comment or provide updated details. Thank you. (This is an automated message)

[shadcn]

This issue has been automatically closed due to one year of inactivity. If you’re still experiencing a similar problem or have additional details to share, please open a new issue following our current issue template. Your updated report helps us investigate and address concerns more efficiently. Thank you for your understanding! (This is an automated message)