This is a screenshot of my DOM from 12:19 GMT afternoon. I’ve highlighted a group that I’ve assigned the ID attribute ‘target-group’ to:
This is another screenshot of the exact same setup at 12:25 GMT this afternoon. I have not changed a thing:
If you’re willing to squint/zoom in on the DOM, you’ll notice there seems to be many more inline CSS variables in screenshot 1 vs. screenshot 2.
However, you may also note in the second screenshot that there seems to be an additional section under styles that has all the missing CSS variables that are not found in the HTML:
I’ve seen this behaviour before but never documented it before.
Anybody have any idea how this is all working underneath the hood?
This feels inconsistent to me, but I’m not a front-end guy so could well be missing something obvious!