finally found a way to skip that annoying js trickery for animating elements as they hit the dom. using -style instead of setting opacity 0 and then toggling classes manually is such a massive win. chromium devtools was lagging behind on debugging this stuff until version 143 but
polypane already had it covered back in june 2024. honestly kinda wild how much easier it makes things when you don't have to manage two different states just for a simple fade in. still not sure if i can trust it for complex stuff though. looks way cleaner than:
.element { opacity: 0;}.element.visible { opacity: 1;}lmao imagine going back to that mess.
more here:
https://polypane.app/blog/how-to-debug-the-starting-style-at-rule-in-polypane/