Description
Provide a general summary of the issue here
I'm currently implementing drag and drop using react-aria and I'm noticing that, when dragging an item over a list that supports also being a drop target, the cursor tends to flicker with a "+" sign. You can see it quite obviously in this video:
CleanShot.2024-03-27.at.09.55.14.mp4
And I'm noticing the same issue in React Aria's ListBox example here: https://react-spectrum.adobe.com/react-aria/ListBox.html
CleanShot.2024-03-27.at.09.57.00.mp4
The flickering isn't limited to scroll type interactions, but that's where it tends to be most obvious. I'm unable to repro in Safari.
🤔 Expected Behavior?
I would expect the "+" to show up only if I'm copying the asset. Not just dragging it to re-order.
😯 Current Behavior
The "+" flickers in and out unexpectedly.
💁 Possible Solution
No response
🔦 Context
The flicker is confusing and distracting for our users.
🖥️ Steps to Reproduce
In Chrome, try dragging items in this example.
https://codesandbox.io/p/sandbox/dazzling-sun-mswjly
Version
3.31.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
Mac OS 14.3.1
🧢 Your Company/Team
Frame.io
🕷 Tracking Issue
No response