quasar: Infinite scroll keeps recalculating style (in both v1 and v2)
What happened?
Infinite scroll keeps recalculating style, thus keeping the CPU busy (constantly between 6-10%).
The element’s stop
method stops this from occurring and resume
method makes it happen again.
What did you expect to happen?
Once the page is loaded, don’t use CPU anymore. There shouldn’t really be a need to endlessly do the same operations
Reproduction URL
https://quasar.dev/vue-components/infinite-scroll
How to reproduce?
- Go to https://quasar.dev/vue-components/infinite-scroll
- Open Task Manager
- Note that the Chrome tab for the Infinite Scroll page is constantly using CPU
Flavour
Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)
Areas
Components (quasar)
Platforms/Browsers
Firefox, Chrome, Other
Quasar info output
No response
Relevant log output
No response
Additional context
I’ve only tested in Chrome (Version 108.0.5359.98) and Firefox (107.0.1 (64-bit)), there might be other browsers where this is failing. Using Windows 10 Pro (Version 10.0.19045 Build 19045)
About this issue
- Original URL
- State: closed
- Created 2 years ago
- Comments: 16 (5 by maintainers)
Commits related to this issue
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 — committed to pdanpdan/quasar by pdanpdan 2 years ago
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 — committed to pdanpdan/quasar by pdanpdan 2 years ago
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 — committed to pdanpdan/quasar by pdanpdan 2 years ago
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 (#15098) — committed to quasarframework/quasar by pdanpdan 2 years ago
- fix(QInfiniteScroll): hide transitions and animations for invisible items #15094 (#15097) — committed to quasarframework/quasar by pdanpdan 2 years ago
- perf: hide SVGs inside invisible close #15094 — committed to pdanpdan/quasar by pdanpdan a year ago
- perf: hide SVGs inside invisible close #15094 — committed to pdanpdan/quasar by pdanpdan a year ago
- perf(ui): (backport from Qv2) hide SVGs inside invisible (#15225) close #15094 — committed to quasarframework/quasar by pdanpdan a year ago
- perf(ui): hide SVGs inside invisible (#15226) close #15094 — committed to quasarframework/quasar by pdanpdan a year ago
- perf(QInfiniteScroll): force stop all svg animations in the "loading" slot when slot is not on screen #15094 — committed to quasarframework/quasar by rstoenescu a year ago
- perf(QInfiniteScroll): force stop all svg animations in the "loading" slot when slot is not on screen #15094 — committed to quasarframework/quasar by rstoenescu a year ago
- perf(QInfiniteScroll): one more tweak to loading slot svgs #15094 — committed to quasarframework/quasar by rstoenescu a year ago
- perf(QInfiniteScroll): (backport from Qv2) force stop all svg animations in the "loading" slot when slot is not on screen #15094 — committed to quasarframework/quasar by rstoenescu a year ago
Will be available in Quasar v2.11.5 and v1.22.5.
Fix will be available in Quasar v2.10.3 and v1.22.3