Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[css-view-transitions-1] View Transition on a fragmented inline #9567

Closed
khushalsagar opened this issue Nov 8, 2023 · 1 comment
Closed
Labels
css-view-transitions-1 View Transitions; Bugs only

Comments

@khushalsagar
Copy link
Member

We resolved that fragmented elements should be ignored by View Transition here: #8339 (comment). But its not clear whether this resolution also covers inline-box fragmentation across line boxes. The spec is limited to box fragmentation : If element has more than one box fragment, then continue..

So filing this issue to resolve on the behaviour for inline fragmentation.

IIRC we resolved on ignoring box fragmentation because:

  1. The position model was very hard to define. If a fragmented box has a transform it individually applies to each fragment. So unioning all the fragments to generate an image and then applying the transform on top of this image (which is how View Transition works) wasn't feasible.
  2. There are plans to make each fragment addressable in CSS via pseudo-elements like nth-fragment in which authors can add a view-transition-name to any fragment.

1 is not a concern for inlines because transform property doesn't apply there. So we could consider an approach of unioning all line box fragments here.

2 is interesting in that you can already target the first line box via ::first-line.

@fantasai @tabatkins any advice on this?

@khushalsagar khushalsagar added the css-view-transitions-1 View Transitions; Bugs only label Nov 8, 2023
@khushalsagar
Copy link
Member Author

Fixed with #9581. The spec aligns with intended behaviour so I added a non-normative note to avoid ambiguity.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-view-transitions-1 View Transitions; Bugs only
Projects
None yet
Development

No branches or pull requests

1 participant