Bug: onCut is not triggered in contenteditable for collapsed selection in Firefox

[bryanph]

React version: 17.x, 18.x

Steps To Reproduce

1. Open the react 17/18 codesandbox in firefox
2. Click on the text and keep selection collapsed
3. Press ctrl-x
4. No onCut event is fired (no window.alert shows)
5. Compare with react 16 codesandbox where it does work

Link to code example:

• Works in react 16: https://codesandbox.io/s/contenteditable-cut-react-16-hnbsd?file=/src/index.js
• Does not work in react 17: https://codesandbox.io/s/contenteditable-cut-react-17-8qgtt?file=/src/App.js:310-398
• Does not work in react 18: https://codesandbox.io/s/contenteditable-cut-react-18-4yq8f?file=/src/App.tsx

The current behavior

onCut is not triggered in firefox

Note this does work in chrome, or firefox with react 16

The expected behavior

onCut is triggered in firefox

[bryanph]

After playing around a little more I got a working example in react 18. The trick is to assign an empty event listener to the cut event to document. It seems that for some reason firefox requires you to listen to the cut event at the document level in order for cut events to trigger elsewhere? Not sure if we can attribute this to firefox or some react handling.

See https://codesandbox.io/s/contenteditable-cut-react-18-working-drqnl?file=/src/App.tsx:179-188 for a working version

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!