[Bug]: webkit-app-region: no-drag is not handled properly

[Imperat]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

Electron Version

27.3.2

What operating system are you using?

macOS

Operating System Version

Sonoma 14.4

What arch are you using?

arm64 (including Apple Silicon)

Last Known Working Electron version

No response

Expected Behavior

For Browser Window with titleBarStyle: hidden I have a Browser View with div which is used as drag area.
However, I do not want to use it's children as drag area, so, parent div has -webkit-app-region: drag; and children have -webkit-app-region: no-drag;.

Children are set close to each other, so, I expect when I move mouse from one child to another the hover state will move as well.

Actual Behavior

Hover state does not move in some cases. Also, area in between children becomes draggable and moving mouse on it area causes mouseleave event on parent container to fire. (Despite the fact the mouse cursor is still within parent boundaries).

Testcase Gist URL

https://gist.github.com/Imperat/89a9e0f55b98b47eeb77445ff886bd4b

Additional Information

Tested in versions 29.1.5 and 27.3.2

Please, look the recording for better understanding:

Screen.Recording.2024-03-26.at.4.39.28.PM.mov

I do not expect mouseleave to happen because the cursor is not moved outside of the container.