Google Chrome 126 is introducing cross-document view transitions in CSS (source) with
@view-transition {
navigation: auto;
}
Now I would like to check the support of the user’s browser with:
@supports (navigation: auto) {
--available: true;
}
But testing in Chrome v126 the @supports is not triggered, please see this codepen as an example: https://codepen.io/olvrschwrz/pen/YzoqYYG
I would expect that the @supports (navigation: auto)
is evaluated as true in Chrome v126 and onwards.
One could work around and use @supports
with selectors ::-view-transition-old(root)
and ::view-transition-new(root)
but this would not explicitly check on cross-document view transition.
Oliver Schwarz is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.
6