Add attribute(s) to each generated style tag

[phillipsheridan]

I'd like to be able to add a custom attribute to each style tag with some sort of global config. I know the option is there for jss: https://cssinjs.org/jss-api/?v=v10.0.0-alpha.22#create-style-sheet

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

Should have a global config that will add a given style element attribute key and value to one or more generated style elements.

Current Behavior 😯

Does not have a global config that will add a given style element attribute key and value to one or more generated style elements.

Examples 🌈

I'd like to add the data-senna-track="temporary" to each style tag:

Context 🔦

We are using Liferay and it needs to know which style tags to remove on page navigation.

[oliviertassinari]

We are using Liferay and it needs to know which style tags to remove on page navigation.

@phillipsheridan I'm curious about that. What's the need?

This sounds like more a feature request for JSS than something we should handle. The style element is created in
https://github.com/cssinjs/jss/blob/0af646d31962518f9603493825d43f3410ff6c14/packages/jss/src/DomRenderer.js#L320

Have you considered using a MutationObserver on the head element to add your attributes?

[phillipsheridan]

The CMS is still fairly new to pure JS frontend development (They have always used JSPs in the past) so they haven't thought about JSS yet.

And I haven't considered a mutation observer but I will give that a try.

Thanks.