The multi-line text rendering disappears in span with overflow with view transition
Categories
(Core :: Layout: Text and Fonts, defect)
Tracking
()
People
(Reporter: boris, Unassigned)
References
(Blocks 1 open bug)
Details
This bug is for
- multiline-span-with-overflowing-text-and-box-decorations.html
- span-with-overflowing-text-and-box-decorations.html
In multiline-span-with-overflowing-text-and-box-decorations.html, the text disappears.
In span-with-overflowing-text-and-box-decorations.html, it seems our rendering result has some tiny difference around the words. Note that the tests use box-shadow and text-shadow as well.
About the multiline span with overflowing, I suspect it might be related to our scrolling or clipping issue. Or maybe there are something we missed when capturing the text in span.
|
||
Comment 1•1 year ago
|
||
I think these are two different issues:
-
In multiline-span-with-overflowing-text-and-box-decorations.html, the text is fragmented. That means that we don't capture it properly because of the "if element has more than one box fragment" condition in the spec: https://drafts.csswg.org/css-view-transitions-1/#capture-old-state-algorithm. I think the test might be invalid?
-
The other might be due to snapping or so, yeah.
|
Reporter | |
Comment 2•1 year ago
|
||
(In reply to Emilio Cobos Álvarez (:emilio) from comment #1)
- In multiline-span-with-overflowing-text-and-box-decorations.html, the text is fragmented. That means that we don't capture it properly because of the "if element has more than one box fragment" condition in the spec: https://drafts.csswg.org/css-view-transitions-1/#capture-old-state-algorithm. I think the test might be invalid?
But the note mentioned: box fragment here does not refer to fragmentation of inline boxes across line boxes. Such inlines can participate in a transition.
This is a span (i.e. inline boxes), so perhaps we still have to handle this case for inline boxes?
|
||
Updated•1 year ago
|
|
|
||
Updated•1 year ago
|
|
|
||
Updated•1 year ago
|
|
|
||
Comment 3•1 year ago
|
||
I thought this was going to be rather annoying, but we do opacity correctly:
<!doctype html>
<div style="line-height: 0;">
<span id="foo" style="opacity: .5">
Some line
<br>
Another one
</span>
</div>
So we need to investigate how exactly it works.
Description
•