`onDragMove` from `useDrag` is not triggered in Firefox

[polc]

Provide a general summary of the issue here

Hi!

In the following script, onDragMove is called correctly with the latest version of Chrome, but not with Firefox :

const {dragProps} = useDrag({
  getItems: () => [{'my-item': "My Custom Item"}],
  getAllowedDropOperations: () => ['link'],
  onDragMove: console.log,
})

🤔 Expected Behavior?

onDragMove shoud be called in Firefox.

😯 Current Behavior

onDragMove is not called in Firefox.

🔦 Context

I'm trying to display a line starting from the element being dragged to the drag button using SVG. I need the onDragMove function to update the SVG position so that the end of the line follows the drag.

🖥️ Steps to Reproduce

See this Candesandbox with Firefox.

Version

react-aria: 3.32.1

What browsers are you seeing the problem on?

Firefox 123.0

[snowystinger]

It might be better to use useMove for this, https://react-spectrum.adobe.com/react-aria/useMove.html#usemove as that is working in FF.

onDragMove is actually triggered in FF, it's just only called once it would appear, at {0,0}. I don't know if that was always the case. But it does appear that FF has some bugs around position in drag events https://stackoverflow.com/questions/11656061/why-is-event-clientx-incorrectly-showing-as-0-in-firefox-for-dragend-event/63365865#63365865