useMouseInElement still thinks mouse is within element when leaving the browser window

[Klowes]

Describe the bug

If using the useMouseInElement composable on an element bordering the edge of the browser window, transitioning the mouse directly from hovering over the element to outside the browser window does not update the composable's state as one would assume.

Reproduction

https://stackblitz.com/edit/vitejs-vite-jegj7g?file=src/App.vue

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1185G7 @ 3.00GHz
    Memory: 569.16 MB / 15.73 GB
  Binaries:
    Node: 16.13.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.15 - C:\Program Files\nodejs\yarn.CMD
    npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 107.0.5304.107
    Edge: Spartan (44.19041.1266.0), Chromium (107.0.1418.42)  
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    @vueuse/core: ^9.4.0 => 9.4.0 
    vue: ^3.0.0 => 3.2.41

Used Package Manager

yarn

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.