Kevin Powell - CommunityKP-C
Kevin Powell - Community•2y ago•
3 replies
Ijee

disable user agent view-transition root conditionally

Is there a way to disable the standard user agent view transition manually before updating the dom?

I know I can do:
::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root) {
    animation: 0s;
}

But I am asking because when I explicitly not want to use my view transition (as in not setting the view-transition-name dynamically on the elements) the standard root transition just does its thing and there's no way for me to stop that unless I remove it entirely. That is of course annoying because I'd have to change quite a few other things on my project where I'd want to use it without thinking about it.

I am using Angular if that information is necessary although it shouldn't(?). Hope someone can help me with this problem.

I am most likely just not seeing the obvious solution here.
Was this page helpful?