summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-display/empty-text-baseline-001.html
blob: a3a34f1fd275ff11f19eac5c7366668ad6d109a8 (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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: An Empty Text Node Should Not Generate a Baseline</title>
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-display-3/#intro">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/9606">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1855583">
<link rel="stylesheet" href="/fonts/ahem.css">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
body {
  margin: 0;
}

#container {
  font-family: Ahem;
}

#inner {
  display: inline-block;
}
</style>
<div id="container"><div id="inner">x</div><span id="span">x</span></div>
<script>
const expected = span.offsetTop;

// Force an empty text node on the second line of #inner
inner.appendChild(document.createElement("br"));
inner.appendChild(document.createTextNode(''));

test(function() {
  assert_equals(span.offsetTop, expected);
}, "Empty second line in #inner does not generate baseline for #span");

test(function() {
  inner.style = "white-space: pre-line";
  assert_equals(span.offsetTop, expected);
}, "Empty second line in #inner does not generate baseline for #span with white-space: pre-line");

test(function() {
  inner.style = "white-space: pre";
  assert_equals(span.offsetTop, expected);
}, "Empty second line in #inner does not generate baseline for #span with white-space: pre");
</script>