290923 2025-04-02 08:17:06 -0700 View Transition break on inline parents with block children 2025-05-29 05:07:22 -0700 1 1 1 Unclassified WebKit New Bugs Safari Technology Preview All All NEW InRadar P2 Normal --- 1 sebastian mattwoodrow bramus graouts mattwoodrow ntim webkit-bug-importer oldest_to_newest 2108195 0 sebastian 2025-04-02 08:17:06 -0700 If you try to start a View Transition when a parent with `display: inline` and `view-transition-name` has a `display: block` child then it leads to a duplicate name error. https://repro-view-transition-inline-bug.vercel.app/ This errors with: InvalidStateError: Multiple elements found with view-transition-name: hi The most common way this would happen is with: <a href="..."><div>...</div></a> It should be treated as if it was `display: inline-block`. When that is explicitly specified, it works. 2108197 1 webkit-bug-importer 2025-04-02 08:22:17 -0700 <rdar://problem/148432507> 2108232 2 ntim 2025-04-02 10:41:44 -0700 I think this started happening when we started iterating over renderers instead of elements in ViewTransition.cpp to get pseudo-element support. 2116390 3 mattwoodrow 2025-05-11 18:34:31 -0700 Putting a block level element inside of an inline causes the inline to be fragmented (see https://www.w3.org/TR/CSS2/visuren.html#img-anon-block, and this resolution in particular - https://github.com/w3c/csswg-drafts/issues/1477#issuecomment-380771705). View transitions names should be skipped if the named element is fragmented (https://drafts.csswg.org/css-view-transitions/#view-transition-name-prop - If the element’s principal box is fragmented, skipped, or not rendered, this property has no effect.) I think we should be silently ignoring `view-transition-name: hi`, and just running a transition on the root element. 2116400 4 mattwoodrow 2025-05-11 20:28:54 -0700 Pull request: https://github.com/WebKit/WebKit/pull/45228 2119768 5 mattwoodrow 2025-05-26 17:05:01 -0700 Pull request: https://github.com/WebKit/WebKit/pull/45929