Ijee Posts - Answer Overflow

Ijee

•Created by Ijee on 6/20/2024 in #front-end

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;
}

::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.

4 replies

Gaming

Programming