@property not recognized in shadow DOM

Now that @property recently got shipped with firefox 128, I thought it would be a good idea to try it out.

It works just fine when using regular HTML and CSS

But if I use it in a shadow DOM, it suddenly gets completely ignored.

Any idea why or how I might convince it to work?

Here's a codepen illustrating the issue https://codepen.io/true-cc/pen/eYwYJaM

I've created a stackoverflow question too https://stackoverflow.com/questions/78717295/property-not-recognized-in-shadow-dom
Stack Overflow
Now that @property recently got shipped with firefox 128, I thought it would be a good idea to try it out.
It works just fine when using regular HTML and CSS


@property --a1 {
syntax: '<ang...
@property not recognized in shadow DOM
Was this page helpful?