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.

Running a F7 project has high CPU load

See original GitHub issue

Framework7 version: 4.0.0 beta 25
Platform and Target: Mac, iOs, Android (not tested on Windows)

When running devServer and opening any project in a browser (e.g. kitchen-sink at http://0.0.0.0:3000/kitchen-sink/vue/, the CPU-load jumps to 99% (quad-core i7 iMac)

It seems to constantly invalidate and re-render all styles.

This makes it impossible to preview a project on slower devices, because rendering impacts the whole performance of such a device. (If you want to check: Get an older Android device and run ‘Cards expandable’ on it -> It flickers like crazy)

Btw: you can reproduce it on Safari for Mac or Android WebView. On Chrome and Firefox it works

Issue Analytics

State:
Created 5 years ago
Comments:14 (4 by maintainers)

Top GitHub Comments

2reactions

nolimits4webcommented, Feb 10, 2019

Yes, so if we replace it here with actual value then issue with overload is gone

1reaction

nolimits4webcommented, Feb 8, 2019

Temporary solution, just add this CSS rule to custom stylesheet:

.md .navbar a.link:before,
.md .toolbar a.link:before,
.md .subnavbar a.link:before,
.md .data-table-rows-select a.link:before,
.md .data-table-pagination a.link:before,
.md .searchbar-disable-button:before,
.md .searchbar .input-clear-button:before,
.md .notification-close-button:before {
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(255, 255, 255, 0) 66%);
}