Fix text-decoration for block containers in layout-2020

It was only applied to the 1st inline formatting context of a block
container. Other IFCs were created with the Default trait, implying
TextDecorationLine::NONE.
This commit is contained in:
Oriol Brufau 2023-04-22 19:09:17 +02:00
parent ff2222ecd5
commit 2692426103
5 changed files with 76 additions and 4 deletions

View file

@ -248862,6 +248862,19 @@
{}
]
],
"text-decoration-propagation-04.html": [
"8c9bb9b7e72bcb261eac5840f024a5cdacdc7fe3",
[
null,
[
[
"/css/css-text-decor/reference/text-decoration-propagation-04-ref.html",
"=="
]
],
{}
]
],
"text-decoration-propagation-display-contents.html": [
"33d3593b668f0d81aee48441639324a0abe34756",
[
@ -398486,6 +398499,10 @@
"84ad43f88c30c503a38e7bedb913a4a0a34045f3",
[]
],
"text-decoration-propagation-04-ref.html": [
"7d359610c5518252856fa1051b51e84207994025",
[]
],
"text-decoration-propagation-display-contents-ref.html": [
"c8381c64fdaa22cfc4c52fd63d3da6b7cc6dd4bd",
[]

View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>CSS Test reference: text-decoration propagation</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#line-decoration">
<style>
div { margin: 1em 0 }
</style>
<div style="text-decoration: underline">
lorem
</div>
<div style="text-decoration: underline overline">
ipsum
</div>
<div style="text-decoration: underline">
dolor
</div>
<div style="text-decoration: underline overline">
sit
</div>
<div style="text-decoration: underline overline line-through">
amet
</div>
<div style="text-decoration: underline overline">
consectetur
</div>
<div style="text-decoration: underline">
adipiscing
</div>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<title>CSS Test: text-decoration propagation</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#line-decoration">
<link rel="help" href="https://github.com/servo/servo/issues/29654">
<link rel="match" href="reference/text-decoration-propagation-04-ref.html">
<style>
div { margin: 1em 0 }
</style>
<div style="text-decoration: underline">
lorem
<div style="text-decoration: overline">
ipsum
</div>
dolor
<div style="text-decoration: overline">
sit
<div style="text-decoration: line-through">
amet
</div>
consectetur
</div>
adipiscing
</span>