w3c / w3c/csswg-drafts

[css-view-transitions-1] Clarifications on stacking contexts

Open
#8,917 12 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

css-view-transitions-1 editorial
Dominant language
Bikeshed
Stars
4.9k
Forks
816
PR merge metrics
PR metrics pending

Description

https://drafts.csswg.org/css-view-transitions/#view-transition-stacking-layer

Its parent stacking context is the root stacking context.

“root stacking context” isn't a defined term in Appendix E.
Did you mean “root element’s stacking context” or something else?

If the ::view-transition pseudo-element exists, a new stacking context is created for the document element and the document's top layer. The view-transition layer is a sibling of this stacking context.

It's not clear to me what structure you're creating here, is it

  • root stacking context
    • document element stacking context
    • top layer stacking context
    • view transition stacking context

or

  • root stacking context
    • document element and top layer stacking context
    • view transition stacking context

?

The view-transition layer paints after the stacking context for the document element and document's top layer. This includes the filters and effects that are applied to the document element.

Is this trying to say

  • a) the filters and effects apply to everything together, or
  • b) they apply to the document element and top layer, and the view transition layer is above these filters and effects

?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the view-transition stacking-layer section linked in the issue and compare its terminology with Appendix E. Resolve what “root stacking context” means, the intended stacking structure, and whether filters and effects include the view-transition layer; the wording is done when these relationships are explicit in the specification.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
documentation, web-dev
Issue type
Documentation
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.