[Solved] CSS Variables High CPU load Desktop Safari F7v4

Using a basic Framework7.app (e.g. creating an minimal PWA using framework7-cli) on Desktop Safari (latest version 12.1.1 (14607. in MacOSX 10.14.5 ) suffers from extremely high CPU-load.

This is due to constant re-calculating and rendering CSS-variables. This is obviously a bug in Safari/WebKit, but it is extreme when using a Framework7 app.

Is there a way which lets me compile the included CSS down to static CSS3?

Or does anybody have an idea how to reduce the high cpu-load otherwise?


Ah - I just remembered there is a workaround to this bug:

Simply replace custom properties inside gradients with static values fixes the problem!


1 Like