I'm wondering how `StyleSheet` s work under the hood. I'd like to save my page after it renders once...

# compose-web

[David Herman]

I'm wondering how StyleSheet s work under the hood. I'd like to save my page after it renders once and see the styles in the DOM, but instead, it seems like only empty <style> tags are there.

[David Herman]

Besides the use-case for saving a page, there's also the experience using browser debug tools. I only see empty style tags when it might instead be useful to see everything I defined.

[Akif Abasov [JB]]

It uses advanced CSS OM API which is faster than text based

[Akif Abasov [JB]]

So style has rules, but without text representation

[andylamax]

Daaaamn, I never knew about CSS OM untill now

[David Herman]

Thanks! I'll look into it.

[David Herman]

When there's a will there's a way: https://github.com/varabyte/kobweb/blob/0d9ef86a1a2c9606a7de2466a2e7bc949fceb6b5/g[…]om/varabyte/kobweb/gradle/application/tasks/KobwebExportTask.kt

🤪

[andylamax]

This is interesting