Hey ,
I’m building a UI and when I trigger a USS-transition for the first time I get a massive lag-spike for a frame.
Usage Hints are set to “Everything” for all elements.
My minimal setup for reproduction looks like this:
The USS:
.linkUI{
transition-property: top;
transition-duration: 1s;
top: 0;
}
The LinkUI has a bound property which simply changes the top Style property like:
style.top = value ? 100 : 0;
The moment I trigger the change, I get a lag spike for around 100ms, after which repeated changes do not cause any lags. According to the docs, a lag spike is expected if moving an element without usage hints, but those are set. Not really sure what else to try.
Any help would be appreaciated.