inline !important styles don't get added

[1u0n]

I'm using svelte 2.15.0

if my template has inline !important styles like

<div style="margin:10px !important"></div>

the compiler will create setStyle(node, 'margin', '10px !important')

which in the end executes node.style.setProperty('margin', '10px !important')

This fails silently and margin attribute doesn't get added, because setProperty expects !important attributes to be added with a flag like this: node.style.setProperty('margin', '10px', 'important')

[kaisermann]

Inline styles don't need !important, since they already override every other css definition for that specific element 🤔

[gavinmcfarland]

True, apart from if you were trying to use !important to override !important. Probably a sign something's amiss though of you're doing that.

[Rich-Harris]

Finally fixed, in 3.9.1 — thanks