[BUG]: drag axis doesn't work properly

[mohiwalla]

What is happening?

I'm able to drag element in the non-allowed direction after mouseup event.
Dragging is only allowed for X axis in this example on story book, it works but only until mouse key is not lifted up.
Check this video.

Screencast_20250301_081510.webm

How to reproduce?

1. Go to this page.
2. Try dragging the element in non-allowed direction.
3. Lift mouse key up after dragging.
4. It should get dragged to other axis as well.

What should be happening?

As per the docs, it should only be draggable in one direction.

System details

OS: Arch Linux, KDE plasma
Browser: Chrome, Firefox
Code sample: https://github.com/bokuweb/react-rnd/blob/master/stories/dragAxis/dragAxisX.tsx

[mohiwalla]

Tried this example locally, working even weird.

import { Rnd } from "react-rnd"

export default function Page() {
  return (
    <Rnd
      style={{ border: "thin solid black" }}
      default={{ x: 0, y: 0, width: 200, height: 200 }}
      dragAxis="x"
    >
      001
    </Rnd>
  )
}

Instead of being dragged immediately to non-allowed axis, it shows on original posistion until you start resizing.

Screencast_20250301_084227.webm

[ofkarakus]

I have the same problem.