Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /css/css-display/empty-text-baseline-001.html - WPT Dashboard Interop Dashboard
<!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="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>