Bug: onMouseEnter behavior when mouse does not enter via boundary is inconsistent between browsers

[saperdadsk]

React version: 17.0.2

Steps To Reproduce

1. Create two components Foo and Bar inside a parent Component, where Foo is positioned such that it covers Bar.
2. Add a onMouseEnter event handler to Bar
3. Add a click handler to Foo that will cause Foo to be removed when clicked
4. Click Foo
5. Mouse is now hovering over Bar

Link to code example:

https://codesandbox.io/s/tender-sun-i1ccy?file=/public/index.html

The current behavior

In Chrome:
The onMouseEnter event handler on Bar is not fired when Foo is removed.
In Firefox:
The onMouseEnter event handler on Bar is fired when Foo is removed.

The expected behavior

onMouseEnter is fired on Bar is fired when Foo is removed. This is the behavior in both chrome and firefox when plain html and js are used:

Spec for MouseEvent seems vague about this issue:

• https://w3c.github.io/uievents/#event-type-mouseenter

A user agent MUST dispatch this event when a pointing device is moved onto the boundaries of an element or one of its descendent elements. A user agent MUST also dispatch this event when the element or one of its descendants moves to be underneath the primary pointing device.

I saw #2621, though it isn't quite the same issue.
Also saw the stack-overflow issue https://stackoverflow.com/q/55836826, which reported this behavior

Chrome version: Version 92.0.4515.107 (Official Build) (x86_64)
Firefox version: 90.0.2 (64-bit)
OS: MacOs 11.2.3 (20D91)

[stale]

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!

[Thummer]

I had the same problem recently with [email protected], I tried it using [email protected], it seems like this issue has been fixed.
https://codesandbox.io/s/pedantic-brahmagupta-hbo0tp?file=/package.json:189-195

[Elmaranin]

Even plain behavior doesn't work on Safari without mouseMove event

[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!