Can't reorder rows on first drag in button handle on React Aria Table

Provide a general summary of the issue here

When dragging the button handle in a table row nothing happens. When trying a second time the row is now draggable/reorderable. The button element has pointer-events: none; added as inline styles. Dragging the row itself works fine, the bug is only when dragging the handle.

Expected Behavior?

To be able to drag and drop a table row in the first try. That works fine with GridList and Tree but not Table

Current Behavior

When dragging the button handle in a table row nothing happens. When trying a second time the row is now draggable/reorderable. The button element has pointer-events: none; added as inline styles. If I set pointer-events: auto; as inline style it works fine. Dragging the row itself works fine, the bug is only when dragging the handle.

See example here

Possible Solution

Is the pointer-events: none; intended?

Context

Reordering table

️ Steps to Reproduce

Drag the button handle. Now drag it again.

Version

1.20

What browsers are you seeing the problem on?

Microsoft Edge, Chrome

If other, please specify.

No response

What operating system are you using?

Windows

Your Company/Team

No response

Tracking Issue

No response