[Solved] CSS Variables High CPU load Desktop Safari F7v4

Questions
1

Using a basic Framework7.app (e.g. creating an minimal PWA using framework7-cli) on Desktop Safari (latest version 12.1.1 (14607.2.6.1.1) 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?

thx

2

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

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

Nevermind…

1 Like