[CSS] Chat messages are filtered

A couple posts a few years ago popped up in the search about this but none of them had any responses. So here is what's happening... Example sendChat('Sample', '/w gm <div style="display: flex; align-items: center; font-size: 12px;">Test</div>'); outputs the element in chat as <div style="display: ; font-size: 12px;">Test</div> Why do some CSS properties get filtered out of chat messages? I would like to give some of the scripts I'm building a little visual love but I'm held back unfortunately. Seems pretty intentional to strip certain CSS properties, just curious why and if that's going to change or even to know that it's not even a priority so I will stop trying to make things look modern. -Tea

Why do some CSS properties get filtered out of chat messages? I would like to give some of the scripts I'm building a little visual love but I'm held back unfortunately. Seems pretty intentional to strip certain CSS properties, just curious why and if that's going to change or even to know that it's not even a priority so I will stop trying to make things look modern. There's a whitelist (presumably for security reasons), and it probably hasn't been updated in a while (i.e., ever). It's probably older than flexbox.

Thanks Jakob. +1 for updating the whitelist. Let's get some CSS3 in there. (σ‾▿‾)-σ -Tea