Table(react-aria-components): After re-order, `data-hovered` is applied to the row that was previously hovered

[jaknas]

🐛 Bug Report

When using RAC Table with Drag and Drop hooks, after re-ordering the data-hovered attribute is applied to the row that was first hovered before starting dragging.

Note that this is only noticeable when you stop moving cursor after drag ends. If you move it again, the data-hovered gets applied to the proper row which you're hovering on.

🤔 Expected Behavior

I'd expect the data-hovered attribute to be applied to the row where the drag ends

😯 Current Behavior

data-hovered is applied to the row that started the drag.

💁 Possible Solution

I don't know any, would appreciate any workarounds.

🔦 Context

When the row has some special styling applied on hover, it's unexpected seeing it applied to row that your cursor is currently not pointing at.

💻 Code Sample

https://codesandbox.io/s/busy-wu-f6qs9j?file=/src/App.js

tablehover.mov

[LFDanLu]

This seems like a browser bug, doesn't seem to occur in Safari and Firefox. Perhaps related to https://bugs.chromium.org/p/chromium/issues/detail?id=276329.

[piecyk]

Just bump on this, basic hover is active at same place after drooping an item, any ideas how to fix it?

[piecyk]

This seems like a browser bug, doesn't seem to occur in Safari and Firefox. Perhaps related to

In firefox this can be also reproduced, maybe not at first time but you can get to the state where the hover is not removed after move for many rows.

Overall did some debugging in chrome, let imaging this use case

having 3 rows
[1,2,3]

and we will drag row from index 0 after 2

• move mouse over index 0, isHovering is set to true
• then trigger mouse down and start dragging, isDragging true
• move after 2, release mouse and drop item, onReorder is called
• list has changed, after moved the element has still the isHovering true and isDragging true, onHoverEnd is triggered, now interesting part that also in same tick the onHoverStart is called but for the row from where we started dragging, under index 0.

One option could be to disable the hovering for all rows when dragging starts.