Skip to content

Commit 386cbb8

Browse files
committed
more on levels
1 parent 13db26c commit 386cbb8

1 file changed

Lines changed: 9 additions & 7 deletions

File tree

src/content/docs/basics/levels.mdx

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -62,16 +62,18 @@ Up to now, all vendors have implemented and released Level 1 first before they w
6262
For the Chromium based browsers, this was not a problem as when they released Level 1 support there where no othr browsers that understood Level 2. When Safari came out, this was different, but it did not take that lon for them to deliver Level 2 after that.
6363

6464
### Same-Document Features Missing in Level 1
65-
The problem is not same-document vs. cross-document. The problem is that there are browser versions out there in the wild that support only Level 1 of the API. To say it more clearly: Soon you can use same-document view transitions on all major browsers, but if you want to support them all, you can't use the extensions from the Level 2 list above.
65+
The problem is not same-document vs. cross-document. The problem is that there are Safari and Chrome browser versions out there in the wild that support only Level 1 of the API. To say it more clearly: Soon you can use same-document view transitions on all major browsers, but if you want to support them all, you can't use the extensions from the Level 2 list above.
6666

6767
This might be obvious for the more experimental stuff like nested view transition groups or scoped view transitions.
6868

6969
But for simple same-document view transitions, there are some highly desirable features that we cannot use cross-browser before Level 2 becomes baseline.
7070
- no view transition classes
71-
- no view transition types
72-
- no auto-generated view transition names
71+
- no view transition types and their pseudo-classes
72+
- no auto-generated view transition names with match-element (or auto)
7373

74-
Of course, there is no guarantee that it comes that bad:
75-
* Firefox Nightly already [has support for `view-transition-class`](https://bsky.app/profile/vtbag.dev/post/3ltwvggp7xc2u). So this should not become a problem.
76-
* Firefox Nightly already [has support for `view-transition-name: match-element`](https://bsky.app/profile/martr.app/post/3lwyzve7nac2i). When usings the [declarative-names script](/tools/utensil-drawer/#declarative-names) from The Bag's Utensil Drawer, you also have an alternative for dynamically generating view transition names that works more reliably across browsers.
77-
* The Bag's utensil-drawer now has a [polyfill for view transition types](/tools/utensil-drawer/#usetypespolyfill-always--never) to support them even on browsers that only implement Level 1 of the View Transition API!
74+
### What Happens when Firefox Releases Level 1
75+
76+
Actually, Firefox Nightly not only supports Level 1 of the View Transition API, also brings some Level 2 features:
77+
* Firefox Nightly already [has support for `view-transition-class`](https://bsky.app/profile/vtbag.dev/post/3ltwvggp7xc2u) and the [`:active-view-transition` pseudo-class](basics/test-page/).
78+
* Firefox Nightly already [has support for `view-transition-name: match-element`](https://bsky.app/profile/martr.app/post/3lwyzve7nac2i), but not for `view-transition-name: auto`, which is not really part of the standard. When usings the [declarative-names script](/tools/utensil-drawer/#declarative-names) from The Bag's Utensil Drawer, you also have an alternative for dynamically generating view transition names that works more reliably across browsers.
79+
* So the main problem might be the missing support for view transition types. Good news here: The Bag's Utensil Drawer now has a [polyfill for view transition types](/tools/utensil-drawer/#usetypespolyfill-always--never) to support them even on browsers that only implement Level 1 of the View Transition API!

0 commit comments

Comments
 (0)