HTML chat exports appear to be missing CSS, and their text is weirdly small

[turt2live]

Steps to reproduce

1. Export a room using the HTML format. Timeline settings are not terribly relevant.
2. Open that export after extracting it.

Outcome

What did you expect?

A prettier export.

What happened instead?

It feels like when Compound (or similar) was introduced, a critical set of class names/selectors changed, but the export code wasn't made aware of those changes.

Operating system

Windows 11

Application version

Element Nightly version: 0.0.1-nightly.2023121201 Crypto version: Olm 3.2.15

How did you install the app?

The Internet

Homeserver

t2l.io

Will you send logs?

Yes

[turt2live]

also worth noting that the avatars aren't loading, but the export does contain them. This might be a Windows issue, though.

[ara4n]

this isn't uncommon; it consistently breaks the whole feature...

[t3chguy]

Its uncommon because we don't believe the feature is widely used, there's no upvotes on the issue to suggest otherwise hence "Most users are unlikely to come across this issue"

[lampholder]

I use this more and more now we don't share keys on invite, and the generated HTML is genuninely difficult to read (when it used to be great).

[t3chguy]

Can confirm the regression is due to Compound adoption

[t3chguy]

So this is made interesting by the JS CSS API being super weird

This rule gets exploded into a bunch of blank rules

Looks like the issue is explained a little in https://www.w3.org/TR/css-variables-1/#variables-in-shorthands

Chrome & FF behave identically, and Chrome closed it as a wontfix https://issues.chromium.org/issues/40252592