\n\nPS: code copied from https://youtu.be/WRnoQdIU-uE\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-pbbzc8qe?file=src%2Fcomponents%2FInfiniteScroll.vue\n\n### System Info\n\n```Shell\nSystem:\n OS: macOS 15.1.1\n CPU: (11) arm64 Apple M3 Pro\n Memory: 543.06 MB / 18.00 GB\n Shell: 5.9 - /bin/zsh\n Binaries:\n Node: 22.4.1 - /opt/homebrew/bin/node\n Yarn: 1.22.22 - /opt/homebrew/bin/yarn\n npm: 10.8.1 - /opt/homebrew/bin/npm\n pnpm: 9.15.1 - ~/Library/pnpm/pnpm\n Browsers:\n Chrome: 132.0.6834.110\n Safari: 18.1.1\n```\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [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.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2887,2889,2892],{"name":2888,"color":2867},"bug",{"name":2890,"color":2891},"enhancement","a2eeef",{"name":2893,"color":2894},"has pr","5319E7",4538,"BUG | `useInfiniteScroll` | onLoadMore is called infinitely for top direction","2025-03-05T04:05:22Z","https://github.com/vueuse/vueuse/issues/4538",0.62522346,{"description":2901,"labels":2902,"number":2903,"owner":2869,"repository":2869,"state":2879,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Describe the bug\r\n\r\nWhen using `useInfiniteScroll` on the document or window, it can randomly stop triggering after loading a certain number of pages. It's a quirky issue that depends on the height of your window.\r\n\r\nYou can check this live build https://test-scroll-sooty.vercel.app/. Scroll down, and you might find it stops after a certain number of increments. Weird, right?\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/samuveth/test-scroll\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: macOS 13.4.1\r\n Browsers:\r\n Chrome: 115.0.5790.170\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nyarn\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\r\n- [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.\r\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],3305,"useInfiniteScroll: randomly stops working ","2023-08-25T12:02:44Z","https://github.com/vueuse/vueuse/issues/3305",0.6271086,{"description":2909,"labels":2910,"number":2911,"owner":2869,"repository":2869,"state":2879,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### Describe the bug\r\n\r\nUsing `useInfiniteScroll` with `window` triggers an exception: `Uncaught TypeError: Window.getComputedStyle: Argument 1 does not implement interface Element.`\r\n\r\nI think the issue appeared with https://github.com/vueuse/vueuse/commit/d3a2bcaeca2cce269c3bf070582da132ab2ec568. It uses `useScroll` which uses `getComputedStyle` on `window.documentElement` which is illegal, hence triggering the error.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vitejs-vite-5dmbm2?file=src/App.vue\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 582.61 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.0.0 - /opt/homebrew/bin/node\r\n Yarn: 1.22.18 - /opt/homebrew/bin/yarn\r\n npm: 9.6.4 - /opt/homebrew/bin/npm\r\n Browsers:\r\n Chrome: 112.0.5615.137\r\n Firefox: 112.0.2\r\n Safari: 16.4\r\n npmPackages:\r\n @vueuse/components: ^10.1.2 => 10.1.2 \r\n @vueuse/core: ^10.1.2 => 10.1.2 \r\n @vueuse/head: ^1.1.26 => 1.1.26 \r\n @vueuse/motion: 2.0.0-beta.12 => 2.0.0-beta.12 \r\n vue: ^3.2.47 => 3.2.47\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\r\n- [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.\r\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],3060,"useInfiniteScroll doesn't work with `window`","2023-05-17T17:20:16Z","https://github.com/vueuse/vueuse/issues/3060",0.62752014,{"description":2917,"labels":2918,"number":2919,"owner":2869,"repository":2869,"state":2879,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Describe the bug\n\nt is very easy to reproduce the error when accessing the official useInfiniteScroll example page using Chrome 69 browser, and the page cannot be accessed. However, version v8.9.4 is not affected\r\n\r\n[https://vueuse.org/core/useInfiniteScroll/#useinfinitescroll](url)\r\n\r\n\n\n### Reproduction\n\nhttps://vueuse.org/core/useinfinitescroll/#useinfinitescroll\n\n### System Info\n\n```Shell\nwin10, chrome69\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [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.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],3225,"Cannot use useInfiniteScroll version v9-13 or higher in Chrome 69.","2023-09-19T18:10:45Z","https://github.com/vueuse/vueuse/issues/3225",0.6325827,{"description":2925,"labels":2926,"number":2927,"owner":2869,"repository":2869,"state":2879,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Describe the bug\n\nuseInfiniteScroll v10 behavior is different with v9\r\n\r\nhttps://user-images.githubusercontent.com/62163604/233847985-dd49eeef-93c5-47df-937c-973c3ec9ca9c.mov\r\n\r\nScrolling to the edge triggers an infinite event.\n\n### Reproduction\n\nhttps://github.com/sondh0127/my-vitesse-app-useInfiniteScroll\n\n### System Info\n\n```Shell\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 59.34 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.13.0 - ~/Library/Caches/fnm_multishells/94889_1682258323298/bin/node\r\n Yarn: 1.22.19 - ~/Library/Caches/fnm_multishells/94889_1682258323298/bin/yarn\r\n npm: 8.19.3 - ~/Library/Caches/fnm_multishells/94889_1682258323298/bin/npm\r\n Browsers:\r\n Brave Browser: 112.1.50.121\r\n Chrome: 112.0.5615.137\r\n Safari: 16.4\r\n npmPackages:\r\n @vueuse/core: 10.1.0 => 10.1.0\r\n @vueuse/head: ^1.1.26 => 1.1.26\r\n vue: ^3.2.47 => 3.2.47\n```\n\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [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.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],3019,"useInfiniteScroll v10 behavior differs from v9 - Scrolling to the edge triggers an infinite event.","2023-05-06T12:02:59Z","https://github.com/vueuse/vueuse/issues/3019",0.64493996,{"description":2933,"labels":2934,"number":2935,"owner":2869,"repository":2869,"state":2879,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Describe the bug\n\nFollowing the docs:\r\n\r\n```\r\nconst target = ref\u003CHTMLElement | null>(null)\r\n\r\nuseInfiniteScroll(\r\n target,\r\n () => { alert('ok') },\r\n { direction: 'top' }\r\n)\r\n```\r\n\r\nwith this template structure:\r\n\r\n```\r\n\u003Cdiv class=\"data-wrapper\" ref=\"target\">\r\n \u003Cdiv v-for=\"d in data\" >\r\n \t{{ d }}\r\n \u003C/div>\r\n\u003C/div>\r\n```\r\nif `data-wrapper` has `flex-direction: column-reverse` useInfiniteScroll simply doesn't work.\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-x3p5jz?file=src/App.vue\n\n### System Info\n\n```Shell\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz\r\n Memory: 1.91 GB / 7.61 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 19.5.0 - /usr/bin/node\r\n npm: 9.3.1 - /usr/bin/npm\r\n Browsers:\r\n Chrome: 109.0.5414.119\r\n npmPackages:\r\n @vueuse/core: ^9.11.1 => 9.11.1 \r\n vue: ^3.2.45 => 3.2.45\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [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.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],2737,"Infinite scroll doesn't work with column-reverse containers.","2023-04-13T10:37:05Z","https://github.com/vueuse/vueuse/issues/2737",0.6497564,{"description":2941,"labels":2942,"number":2943,"owner":2869,"repository":2869,"state":2879,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Describe the bug\n\nHi everyone, i'm here to ask for your help!\r\n\r\nI am trying to use `useScroll` composable but isn't working without setting the height! In my problem i'm not using `overflow: scroll;` and i think thats why doesnt work. But i am here to see if exists another way to use!\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-tduaws/?file=src%2FApp.vue\n\n### System Info\n\n```Shell\n\"dependencies\": {\r\n \"@vueuse/core\": \"^9.11.1\",\r\n \"vue\": \"^3.2.45\"\r\n },\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [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.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],2669,"useScroll on window","2023-01-23T19:01:04Z","https://github.com/vueuse/vueuse/issues/2669",0.65145826,{"description":2949,"labels":2950,"number":2951,"owner":2869,"repository":2869,"state":2879,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Describe the bug\r\n\r\n当需要监听的实例滚动被隐藏时, 会自动触发load more\r\nuseInfiniteScroll - Hidden elements are loaded automatically\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vitejs-vite-u6bt1k/?file=src%2FApp.vue\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (8) x64 Intel(R) Core(TM)2 Duo CPU T7700 @ 2.40GHz\r\n Memory: 5.29 GB / 24.00 GB\r\n Binaries:\r\n Node: 16.17.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 8.19.2 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (113.0.1774.35)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n @vueuse/components: ^10.1.2 => 10.1.2\r\n @vueuse/core: ^10.1.2 => 10.1.2\r\n @vueuse/head: ^1.1.26 => 1.1.26\r\n vue: 3.3.2 => 3.3.2\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\r\n- [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.\r\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],3098,"useInfiniteScroll - Hidden elements are loaded automatically","2023-06-28T09:43:16Z","https://github.com/vueuse/vueuse/issues/3098",0.6599091,["Reactive",2957],{},["Set"],["ShallowReactive",2960],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fBGEnPNAiTmo7YfkSefwcPwbOEcJzyFpsQjo8DMK6wic":-1},"/vueuse/vueuse/2896"]