Skip to content
Bug reportAug 25, 2026· 0:22· 10 views

React Aria Table: drag-handle button silently ignores first drag attempt (pointer-events:none)

0:22 total

Comments · 0

Be the first to comment.

Bug report— by SceneRecap AI

mediumcomponents/table/dragAndDrop
app: React Ariabrowser: Desktop Browsersection: Table - Drag and drop

Repro steps

  1. 1.Navigate to React Aria Table documentation under the Drag and drop example section.
  2. 2.Click and attempt to drag the drag handle button on the 'Documents' row to reorder it.
  3. 3.Observe that the initial drag attempt does not initiate dragging or reordering.
  4. 4.Attempt to drag the drag handle button again.

Expected

Clicking and dragging the drag handle button should immediately initiate a drag operation and allow reordering rows on the first attempt.

Actual

The initial drag attempt on the drag handle button is ignored without reordering the row; subsequent drag attempts succeed.

Evidence

visualAt 5.97s - 9.0s, interacting with the drag handle button on 'Documents' fails to move or drag the row, leaving 'Documents' in its original position at the top.
visualAt 12.56s - 15.0s, repeating the drag handle interaction successfully reorders the 'Documents' row to the bottom below 'Image 2'.
visualControl: Clicking on the 'Photos' row body at 17.24s properly selects/focuses the row as expected.
Issue markdown (copy-paste ready)
### Summary
When interacting with the drag handle button in the React Aria Table drag-and-drop example, the first drag gesture is silently ignored and fails to reorder the item. Subsequent drag attempts succeed.

### Steps to Reproduce
1. Open the React Aria Table documentation and scroll to **Drag and drop** (t=1.22s).
2. Click and drag the drag handle button next to the 'Documents' row (t=5.97s).
3. Notice the row is not dragged or reordered (t=7.0s - 9.0s).
4. Attempt to drag the drag handle button again (t=12.56s).

### Expected Result
The drag handle should initiate dragging on the first click-and-drag interaction.

### Actual Result
The first drag attempt fails silently; dragging only engages on subsequent attempts.

### Evidence
- Initial drag attempt on drag handle does not reorder the row (t=5.97s - 9.0s).
- Second drag attempt successfully moves 'Documents' below 'Image 2' (t=12.56s - 15.0s).
- Control case: Clicking the row body directly focuses/selects the row without issues (t=17.24s).

*Recorded with SceneRecap.*

Your recordings could explain themselves too.

Free plan · silent recordings welcome · bug reports included.

Try SceneRecap free
React Aria Table: drag-handle button silently ignores first drag attempt (pointer-events:none) · SceneRecap