useInfiniteScroll doesn't work with window

[innocenzi]

Describe the bug

Using useInfiniteScroll with window triggers an exception: Uncaught TypeError: Window.getComputedStyle: Argument 1 does not implement interface Element.

I think the issue appeared with d3a2bca. It uses useScroll which uses getComputedStyle on window.documentElement which is illegal, hence triggering the error.

Reproduction

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

System Info

System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 582.61 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.0.0 - /opt/homebrew/bin/node
    Yarn: 1.22.18 - /opt/homebrew/bin/yarn
    npm: 9.6.4 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 112.0.5615.137
    Firefox: 112.0.2
    Safari: 16.4
  npmPackages:
    @vueuse/components: ^10.1.2 => 10.1.2 
    @vueuse/core: ^10.1.2 => 10.1.2 
    @vueuse/head: ^1.1.26 => 1.1.26 
    @vueuse/motion: 2.0.0-beta.12 => 2.0.0-beta.12 
    vue: ^3.2.47 => 3.2.47

Used Package Manager

pnpm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• 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.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[smallnine9]

will fix soon

[innocenzi]

Probably fixed by #3086, will re-open if next release doesn't actually fix the issue. Thanks @smallnine9 👍