View Transition Classes

[vmpstr]

こんにちは TAG-さん!

I'm requesting a TAG review of View Transition Classes.

This feature introduces a new CSS property view-transition-class which allows the developer to specify one or more view transition classes. The developer can then select the ViewTransition pseudo elements using these classes (e.g. ::view-transition-group(*.class)).

This is an extension to the ViewTransition API that simplifies styling of view transition pseudo elements in a similar way that CSS classes simplify styling of regular DOM elements.

• Explainer¹ (minimally containing user needs and example code): https://github.com/vmpstr/web-proposals/blob/main/explainers/view-transition-classes.md
• Specification URL: https://drafts.csswg.org/css-view-transitions-2/#view-transition-class-prop
• Tests: https://wpt.fyi/results/css/css-view-transitions?label=master&label=experimental&aligned&q=pseudo-with-classes
• User research: None.
• Security and Privacy self-review²: There are no additional security or privacy implications on top of the base View Transitions feature. Please let me know if you disagree and I'll fill out the self-review specific to this request.
• GitHub repo (if you prefer feedback filed there): https://github.com/w3c/csswg-drafts/issues with css-view-transitions-2 label
• Primary contacts (and their relationship to the specification):
  • @vmpstr, Google
  • @noamr, Google
• Organization(s)/project(s) driving the specification: Google.
• Key pieces of existing multi-stakeholder (e.g. developers, implementers, civil society) support, review or discussion of this specification: [css-view-transitions-2] Creating 'classes' of transition groups w3c/csswg-drafts#8319
  • Chromium (and other) comments: [css-view-transitions-2] Creating 'classes' of transition groups w3c/csswg-drafts#8319
  • Mozilla comments: (will update when I file request for position)
  • WebKit comments: (will update when I file request for position)
• External status/issue trackers for this specification (publicly visible, e.g. Chrome Status): https://chromestatus.com/feature/5064894363992064

Further details:

• I have reviewed the TAG's Web Platform Design Principles
• Relevant time constraints or deadlines: None.
• The group where the work on this specification is currently being done: CSSWG.
• The group where standardization of this work is intended to be done (if current group is a community group or other incubation venue): CSSWG.
• Major unresolved issues with or opposition to this specification: None.
• This work is being funded by: Google.

We'd prefer the TAG provide feedback as:

🐛 open issues in our GitHub repo for each point of feedback: https://github.com/w3c/csswg-drafts/issues with css-view-transitions-2 label.