Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Infinite scroll keeps recalculating style (in both v1 and v2)

See original GitHub issue

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)

Issue Analytics

State:
Created 9 months ago
Comments:8 (1 by maintainers)

Top GitHub Comments

1reaction

rstoenescucommented, Dec 16, 2022

Fix will be available in Quasar v2.10.3 and v1.22.3

0reactions

krisperncommented, Dec 12, 2022

I added the css to the global css file now. Looking at the element, it seems the styles are even applied. Unfortunately, that doesn’t change anything as the animation/style calculation/CPU use is still continuing.

If there’s a fix coming out soon, I can wait for that.