summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-display/display-first-line-002.html
blob: fef1d0b001c3bf46d9c5eea6741dc804bd057c72 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<meta charset="utf-8">
<title>Display flex first line with floated first letter</title>
<link rel="help" href="https://crbug.com/1097595">
<link rel="match" href="display-first-line-002-ref.html">
<style id="styleElm">
  #victim::first-line { display:flex;  }
  #victim::first-letter { float:right; }
</style>

<!-- The contenteditable DIV is just here to trigger legacy layout
     fallback, and a DCHECK failure identical to the one in the bug
     report. If we remove it, we'll get NG layout, and then it will
     actually DCHECK-fail inside NG inline layout code instead. -->
<div contenteditable></div>

<p>The word "PASS" should be seen below. There should be no DCHECK
  failure.</p>
<div id="child" style="display:none;"></div>
<div id="victim" style="width:fit-content;">
  SPAS
</div>
<script>
  document.body.offsetTop;
  styleElm.appendChild(child);
  document.body.offsetTop;
  victim.style.color = "blue";
</script>