[BUG]: drag axis doesn't work properly

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?

Go to this page.
Try dragging the element in non-allowed direction.
Lift mouse key up after dragging.
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

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

I have the same problem.

Navigation Menu

Repository navigation

[BUG]: drag axis doesn't work properly #969

What is happening?

How to reproduce?

What should be happening?

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

[BUG]: drag axis doesn't work properly #969

Description

What is happening?

How to reproduce?

What should be happening?

Activity

mohiwalla commented on Mar 1, 2025

ofkarakus commented on Apr 8, 2025

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions