Ijee Comments - Answer Overflow

Ijee

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

disable user agent view-transition root conditionally

this is most certainly not the best solution but I just now add this class

.no-root-view-transition {
    view-transition-name: none !important;
    transition: none !important;
}

.no-root-view-transition {
    view-transition-name: none !important;
    transition: none !important;
}

to the document.documentElement before my view-transition and remove it after. that way it doesn't interfere although I still do not know why it would do that in the first place.

4 replies

KPCKevin Powell - Community

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

disable user agent view-transition root conditionally

4 replies

KPCKevin Powell - Community

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

disable user agent view-transition root conditionally

The first thing I tried was to set an empty view-transition with a duration of 0 to the elements so that the root transition wouldn't trigger but somehow it still does.

::view-transition-group(disableTransition),
::view-transition-old(disableTransition),
::view-transition-new(disableTransition) {
    animation: 0s !important;
    mix-blend-mode: normal;
}

::view-transition-group(disableTransition),
::view-transition-old(disableTransition),
::view-transition-new(disableTransition) {
    animation: 0s !important;
    mix-blend-mode: normal;
}

4 replies

Gaming

Programming