Commit a498edfc authored by wkorman@chromium.org's avatar wkorman@chromium.org

Remove -webkit-line-box-contain implementation.

Currently absent from specifications and seeing very low usage. We can
restore this functionality in the future un-prefixed if/when it's
clarified in a spec.

Usage: 0.0221%

Intent To Remove:
https://groups.google.com/a/chromium.org/d/msg/blink-dev/rKDXtqvgDv4/1Q5ByQllDAAJ

BUG=522215

Review URL: https://codereview.chromium.org/1328673003

git-svn-id: svn://svn.chromium.org/blink/trunk@201690 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent 31b7f015
# We tests under paint/invalidation/spv2 as --enable-slimming-paint-v2 physical suite. # We tests under paint/invalidation/spv2 as --enable-slimming-paint-v2 physical suite.
crbug.com/524134 virtual/spv2/paint/invalidation/spv2 [ Skip ] crbug.com/524134 virtual/spv2/paint/invalidation/spv2 [ Skip ]
# TODO(wangxianzhu): Triage the failures # TODO(wangxianzhu): Triage the failures
...@@ -1085,7 +1085,6 @@ crbug.com/509025 [ Yosemite ] virtual/prefer_compositing_to_lcd_text/scrollbars/ ...@@ -1085,7 +1085,6 @@ crbug.com/509025 [ Yosemite ] virtual/prefer_compositing_to_lcd_text/scrollbars/
crbug.com/509025 [ Yosemite ] virtual/prefer_compositing_to_lcd_text/scrollbars/short-scrollbar.html [ ImageOnlyFailure ] crbug.com/509025 [ Yosemite ] virtual/prefer_compositing_to_lcd_text/scrollbars/short-scrollbar.html [ ImageOnlyFailure ]
crbug.com/509025 [ Yosemite ] virtual/threaded/compositing/visibility/visibility-image-layers.html [ ImageOnlyFailure ] crbug.com/509025 [ Yosemite ] virtual/threaded/compositing/visibility/visibility-image-layers.html [ ImageOnlyFailure ]
crbug.com/509025 [ Yosemite ] virtual/threaded/printing/return-from-printing-mode.html [ ImageOnlyFailure ] crbug.com/509025 [ Yosemite ] virtual/threaded/printing/return-from-printing-mode.html [ ImageOnlyFailure ]
crbug.com/509025 [ Yosemite ] fast/block/lineboxcontain/block-with-ideographs.xhtml [ Failure ]
crbug.com/509025 [ Yosemite ] fast/encoding/denormalised-voiced-japanese-chars.html [ ImageOnlyFailure ] crbug.com/509025 [ Yosemite ] fast/encoding/denormalised-voiced-japanese-chars.html [ ImageOnlyFailure ]
crbug.com/509025 [ Yosemite ] fast/overflow/scrollRevealButton.html [ Failure ] crbug.com/509025 [ Yosemite ] fast/overflow/scrollRevealButton.html [ Failure ]
crbug.com/509025 [ Yosemite ] fast/ruby/nested-ruby.html [ Failure ] crbug.com/509025 [ Yosemite ] fast/ruby/nested-ruby.html [ Failure ]
...@@ -1354,7 +1353,6 @@ crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-backwar ...@@ -1354,7 +1353,6 @@ crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-backwar
crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-backward-wrap.html [ Failure Timeout ] crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-backward-wrap.html [ Failure Timeout ]
crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-forward-br.html [ Failure Timeout ] crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-forward-br.html [ Failure Timeout ]
crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-forward-wrap.html [ Failure Timeout ] crbug.com/521764 [ Win10 ] editing/selection/vertical-rl-ltr-extend-line-forward-wrap.html [ Failure Timeout ]
crbug.com/521764 [ Win10 ] fast/block/lineboxcontain/block-with-ideographs.xhtml [ ImageOnlyFailure Timeout ]
crbug.com/521764 [ Win10 ] fast/block/positioning/047.html [ ImageOnlyFailure Timeout ] crbug.com/521764 [ Win10 ] fast/block/positioning/047.html [ ImageOnlyFailure Timeout ]
crbug.com/521764 [ Win10 ] fast/canvas/canvas-lose-restore-googol-size.html [ Failure Pass ] crbug.com/521764 [ Win10 ] fast/canvas/canvas-lose-restore-googol-size.html [ Failure Pass ]
crbug.com/521764 [ Win10 ] fast/canvas/canvas-lose-restore-max-int-size.html [ Failure Pass ] crbug.com/521764 [ Win10 ] fast/canvas/canvas-lose-restore-max-int-size.html [ Failure Pass ]
......
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.container { font: 12px Ahem; color: red; width: 100px; -webkit-line-box-contain: block; line-box-contain: block; position: relative; }
div { background: white; }
.reference { position: absolute; left: 10px; width: 40px; height: 50px; background: black; }
</style>
</head>
<body>
There should be no red below.
<div class="container">
<div class="reference"></div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>
.container { font: 12px Ahem; color: red; width: 100px; -webkit-line-box-contain: block; line-box-contain: block; position: relative; }
div { background: white; }
.reference { position: absolute; left: 10px; width: 40px; height: 50px; background: black; }
.tallspan { display: inline-block; width: 20px; height: 50px; background: red; vertical-align: top;}
.shortspan { display: inline-block; width: 20px; height: 20px; background: red; vertical-align: top;}
</style>
</head>
<body>
<!-- Ensure lineboxes respect line-box-contain when avoiding floats. In this case the first inline block avoids the first float as
its the start of the line, but the second taller inline block has no effect even though it overlaps the second float. -->
There should be no red below.
<div class="container">
<div style="float: left; width: 10px; height: 25px; background: white"></div>
<div style="float: left; clear:left; width: 40px; height: 50px; background: white"></div>
<!-- This should cover the text below as the linebox will offset to avoid the first float but not the second. -->
<div class="reference"></div>
<span class="shortspan"></span><span class="tallspan"></span>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Test for wrapping around floats which are overlapped by the element that must avoid them</title>
<link rel="author" title="WebKit" href="http://webkit.org/">
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
<style type="text/css">
.container { position: relative; }
.reference { position: absolute; width: 100px; height: 100px; background: black; }
</style>
</head>
<body>
<!-- Ensure lineboxes respect line-box-contain when avoiding floats. -->
There should be no red below.
<div class="container">
<div class="reference"></div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Test for wrapping around floats which are overlapped by the element that must avoid them</title>
<link rel="author" title="WebKit" href="http://webkit.org/">
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats">
<style type="text/css">
.container { font: 12px Ahem; color: red; width: 100px; height: 100px; background: lime; -webkit-line-box-contain: inline; line-box-contain: inline; position: relative; }
div { background: white; }
.reference { position: absolute; width: 100px; height: 100px; background: black; }
</style>
</head>
<body>
<!-- Ensure lineboxes respect line-box-contain when avoiding floats. -->
There should be no red below.
<div class="container">
<div style="float: left; width: 10px; height: 10px; background: white"></div>
<div style="float: left; clear:left; width: 40px; height: 50px; background: white"></div>
<!-- This should cover the text below as the linebox will offset to avoid the first float but not the second. -->
<div class="reference"></div>
XXXXXXX XXXX XXXX XXXX
</div>
</body></html>
<!doctype html>
<head>
<title>line-box-contain: block font</title>
<style>
.test { -webkit-line-box-contain: block font; line-box-contain: block font; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<p style="-webkit-line-box-contain:block font;line-box-contain: block font; border:1px solid black">This line should look normal.</p>
<!doctype html>
<head>
<title>line-box-contain: block glyphs replaced</title>
<style>
.test {
-webkit-line-box-contain: block glyphs replaced;
line-box-contain: block glyphs replaced;
font: 64px/1em Ahem;
background-color:red;
width:6em;
overflow:hidden;
}
.goodline { color: green; }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red other than anti-aliasing, the test has failed.
<div class="test">
<!--
Ahem has 0.2em descent and 0.8em ascent, so 64px Ahem has 12.8px descent and 51.2px ascent.
Since we expand to enclosing integer points, the integer glyph bounds will be 65px tall.
As a result, we need 64px of text + 1px of extra border to fill the line box.
This is not an elegant hack; sorry.
Warning: this is very sensitive to changes in font code and may need adjustment later.
-->
<span class="goodline" style="border-top: 1px solid green">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<span class="goodline" style="font-size:128px; letter-spacing:-0.5em">xxxxx</span><div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div>
</div>
<p style="-webkit-line-box-contain:block glyphs;line-box-contain: block glyphs; border:1px solid black">This line should look normal.</p>
<!doctype html>
<head>
<title>line-box-contain: block glyphs</title>
<style>
.test { -webkit-line-box-contain: block glyphs; line-box-contain: block glyphs; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12; border-top: 1px solid green; }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<!--
Ahem has 0.2em descent and 0.8em ascent, so 64px Ahem has 12.8px descent and 51.2px ascent.
Since we expand to enclosing integer points, the integer glyph bounds will be 65px tall.
As a result, we need 64px of text + 1px of extra border to fill the line box.
This is not an elegant hack; sorry.
Warning: this is very sensitive to changes in font code and may need adjustment later.
-->
<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<p style="-webkit-line-box-contain:block glyphs replaced;line-box-contain: block glyphs replaced; border:1px solid black">This line should look normal.</p>
<!doctype html>
<head>
<title>line-box-contain: block replaced</title>
<style>
.test { -webkit-line-box-contain: block replaced; line-box-contain: block replaced; font: 64px/1em Ahem; background-color:red; width:5em}
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:5em;height:2em;vertical-align:bottom;background-color:green"></div>
</div>
<html xmlns="http://www.w3.org/1999/xhtml">
<body style="font-size: 48px; overflow: hidden;">
<div style="-webkit-line-box-contain: block glyphs;">
<div style="-webkit-writing-mode:vertical-lr; border: solid red 1px"><ruby></ruby></div>
<div style="border: solid green 1px"><ruby></ruby></div>
</div>
<div style="-webkit-line-box-contain: block font;">
<div style="-webkit-writing-mode:vertical-lr; border: solid red 1px"><ruby></ruby></div>
<div style="border: solid green 1px"><ruby></ruby></div>
</div>
<div style="-webkit-line-box-contain: block inline-box;">
<div style="-webkit-writing-mode:vertical-lr; border: solid red 1px"><ruby></ruby></div>
<div style="border: solid green 1px"><ruby></ruby></div>
</div>
</body>
</html>
<!doctype html>
<head>
<title>line-box-contain:block</title>
<style>
.test { -webkit-line-box-contain: block; line-box-contain: block; font: 64px/1em Ahem; background-color:red; width:6em}
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span class="goodline">xxxxx</span><div style="display:inline-block; width:1em;height:2em;vertical-align:top;background-color:green"></div><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<!doctype html>
<head>
<title>line-box-contain: font replaced</title>
<style>
.test { -webkit-line-box-contain: font replaced; line-box-contain: font replaced; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<div style="display:inline-block; width:6em;height:1em;vertical-align:bottom;background-color:green"></div>
</div>
<p style="-webkit-line-box-contain:font replaced;line-box-contain: font replaced; border:1px solid black">This line should look normal.</p>
<!doctype html>
<head>
<title>line-box-contain: font</title>
<style>
.test { -webkit-line-box-contain: font; line-box-contain: font; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<!DOCTYPE html>
<style>
#tests p { -webkit-line-box-contain: glyphs; line-box-contain: glyphs; overflow: hidden; }
</style>
<p>None of these should have clipped text.</p>
<!--
Ideally, this would be a ref test, but some clipping remains.
-->
<div id="tests">
<p style="font-size: 12px">Lorem ipsum dolor sit amet.</p>
<p style="font-size: 13px">Lorem ipsum dolor sit amet.</p>
<p style="font-size: 14px">Lorem ipsum dolor sit amet.</p>
<p style="font-size: 15px">Lorem ipsum dolor sit amet.</p>
<p style="font-size: 16px">Lorem ipsum dolor sit amet.</p>
<p style="font-size: 17px">Lorem ipsum dolor sit amet.</p>
<!-- &Eacute; is particularly tall. -->
<p style="font-size: 12px">&Eacute;tats-Unis.</p>
<p style="font-size: 13px">&Eacute;tats-Unis.</p>
<p style="font-size: 14px">&Eacute;tats-Unis.</p>
<p style="font-size: 15px">&Eacute;tats-Unis.</p>
<p style="font-size: 16px">&Eacute;tats-Unis.</p>
<p style="font-size: 17px">&Eacute;tats-Unis.</p>
</div>
<!doctype html>
<head>
<title>line-box-contain: glyphs</title>
<style>
.test { -webkit-line-box-contain: glyphs; line-box-contain: glyphs; font: 64px/1em Ahem; background-color:red; width:6em; overflow:hidden }
.goodline { color: green; line-height:12; border-top: 1px solid green; }
.contains-drop-cap::first-letter { font-size:36px; float:left; margin-right:2px; -webkit-line-box-contain:glyphs; line-box-contain:glyphs }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<!--
Ahem has 0.2em descent and 0.8em ascent, so 64px Ahem has 12.8px descent and 51.2px ascent.
Since we expand to enclosing integer points, the integer glyph bounds will be 65px tall.
As a result, we need 64px of text + 1px of extra border to fill the line box.
This is not an elegant hack; sorry.
Warning: this is very sensitive to changes in font code and may need adjustment later.
-->
<div class="test">
<span class="goodline">xxxxx</span><span style="background-color:green; font-size:128px; padding-left:0.5em;"></span><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<p style="-webkit-line-box-contain:glyphs;line-box-contain: glyphs; border:1px solid black">this block should hug the lowercase glyphs.</p>
<p class="contains-drop-cap">The first letter here should look nicer because it uses glyph bounds<br>This should make the top of the T
line up with the line and not look shifted down.<br> Maybe we should do this by default for all first letters like Firefox does.
<!doctype html>
<head>
<title>line-box-contain: inline-box replaced</title>
<style>
.test { -webkit-line-box-contain: inline-box replaced; line-box-contain: inline-box replaced; font: 64px/1em Ahem; background-color:red; width:6em; height:3em }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:64px;padding-left:5em; padding-right:1em; padding-bottom:1em"></span><br>
<div style="display:inline-block; width:6em;height:1em;vertical-align:bottom;background-color:green"></div></div>
<!doctype html>
<html style="-webkit-writing-mode:vertical-lr">
<head>
<title>line-box-contain: inline-box vertical test</title>
<style>
.test { -webkit-line-box-contain: inline-box; line-box-contain: inline-box; font: 64px/1em Ahem; background-color:red; height:6em; width:3em }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:64px;padding-top:5em; padding-bottom:1em;margin-left:0.5em;padding-right:0.5em"></span><br>
<div style="display:inline-block; height:6em;width:2em;vertical-align:bottom;background-color:green"></div></div>
<!doctype html>
<head>
<title>line-box-contain: inline-box</title>
<style>
.test { -webkit-line-box-contain: inline-box; line-box-contain: inline-box; font: 64px/1em Ahem; background-color:red; width:6em; height:3em }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:64px;padding-left:5em; padding-right:1em;margin-bottom:0.5em;padding-top:0.5em"></span><br>
<div style="display:inline-block; width:6em;height:2em;vertical-align:bottom;background-color:green"></div></div>
<!doctype html>
<head>
<title>line-box-contain: inline replaced</title>
<style>
.test { -webkit-line-box-contain: inline replaced; line-box-contain: inline replaced; font: 64px/1em Ahem; background-color:red; width:6em; }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:128px; line-height:normal; padding-left:2.5em; padding-right:0.5em"></span><br>
<div style="display:inline-block; width:6em;height:2em;vertical-align:bottom;background-color:green"></div></div>
<!doctype html>
<head>
<title>line-box-contain: inline</title>
<style>
.test { -webkit-line-box-contain: inline; line-box-contain: inline; font: 64px/1em Ahem; background-color:red; width:6em; }
.goodline { color: green }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<span style="background-color:green; font-size:128px; line-height:normal; padding-left:2.5em; padding-right:0.5em"></span><br>
<div style="display:inline-block; width:1em;height:2em;vertical-align:bottom;background-color:green"></div><span class="goodline">xxxxx</span>
</div>
<!doctype html>
<head>
<title>line-box-contain: none</title>
<style>
.test { -webkit-line-box-contain: none; line-box-contain: none; font: 64px/1em Ahem; background-color:red; margin-top:1em }
.badline { color:red }
.goodline { color: green }
</style>
</head>
<body>
You should see a green line below. If you see any red, the test has failed.
<div class="test">
<span class="badline">xxxxx</span><br>
<span class="badline">xxxxx</span><br>
<span class="badline">xxxxx</span><br>
<span class="badline">xxxxx</span><br>
<span class="goodline">xxxxx</span>
</div>
<!doctype html>
<head>
<title>line-box-contain parsing test</title>
<style>
.test { font: 64px/1em Ahem; background-color:lime; width:5em; overflow:hidden; margin:0.5em 0 }
.goodline { color: green; line-height:2 }
.invalid1 { -webkit-line-box-contain: block inline inline }
.invalid2 { -webkit-line-box-contain: block block }
.invalid3 { -webkit-line-box-contain: block replaced inline inline }
.invalid4 { -webkit-line-box-contain: none block }
</style>
</head>
<body>
All of these blocks should look the same.
<div class="test">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:4em;background-color:lime; color:green">xxxx</div><span class="goodline">x</span>
</div>
<div class="test invalid1">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:4em;background-color:lime; color:green">xxxx</div><span class="goodline">x</span>
</div>
<div class="test invalid2">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:4em;background-color:lime; color:green">xxxx</div><span class="goodline">x</span>
</div>
<div class="test invalid3">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:4em;background-color:lime; color:green">xxxx</div><span class="goodline">x</span>
</div>
<div class="test invalid4">
<span class="goodline">xxxxx</span><br>
<div style="display:inline-block; width:4em;background-color:lime; color:green">xxxx</div><span class="goodline">x</span>
</div>
<!doctype html>
<head>
<title>line-box-contain: replaced</title>
<style>
.test { -webkit-line-box-contain: replaced; line-box-contain: replaced; font: 64px/12 Ahem; background-color:red; width:5em}
.goodline { color: green; line-height:12 }
</style>
</head>
<body>
You should see a green rectangle below. If you see any red, the test has failed.
<div class="test">
<div style="display:inline-block; width:5em;height:2em;vertical-align:bottom;background-color:green"></div>
</div>
...@@ -47,7 +47,6 @@ async_test(function(testHandle) { ...@@ -47,7 +47,6 @@ async_test(function(testHandle) {
webkitBorderHorizontalSpacing: '12px', webkitBorderHorizontalSpacing: '12px',
webkitBorderVerticalSpacing: '12px', webkitBorderVerticalSpacing: '12px',
webkitFontSmoothing: 'none', webkitFontSmoothing: 'none',
webkitLineBoxContain: 'glyphs',
wordSpacing: '12px', wordSpacing: '12px',
visibility: 'collapse', visibility: 'collapse',
}; };
......
...@@ -36,7 +36,6 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ...@@ -36,7 +36,6 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
-webkit-font-smoothing: auto -webkit-font-smoothing: auto
-webkit-highlight: none -webkit-highlight: none
-webkit-hyphenate-character: auto -webkit-hyphenate-character: auto
-webkit-line-box-contain: block inline replaced
-webkit-line-break: auto -webkit-line-break: auto
-webkit-line-clamp: none -webkit-line-clamp: none
-webkit-locale: auto -webkit-locale: auto
......
...@@ -36,7 +36,6 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ...@@ -36,7 +36,6 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
-webkit-font-smoothing: auto -webkit-font-smoothing: auto
-webkit-highlight: none -webkit-highlight: none
-webkit-hyphenate-character: auto -webkit-hyphenate-character: auto
-webkit-line-box-contain: block inline replaced
-webkit-line-break: auto -webkit-line-break: auto
-webkit-line-clamp: none -webkit-line-clamp: none
-webkit-locale: auto -webkit-locale: auto
......
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x210
LayoutBlockFlow {HTML} at (0,0) size 800x210
LayoutBlockFlow {BODY} at (8,8) size 784x186
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x274
LayoutBlockFlow {HTML} at (0,0) size 800x274
LayoutBlockFlow {BODY} at (8,8) size 784x250
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 609x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 361: "If you see any red other than anti-aliasing, the test has failed."
LayoutBlockFlow {P} at (0,228) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x192
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutInline {SPAN} at (0,0) size 320x128 [color=#008000]
LayoutText {#text} at (0,64) size 320x128
text run at (0,64) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,64) size 64x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x631
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x631
LayoutBlockFlow {html} at (0,0) size 800x631
LayoutBlockFlow {body} at (8,8) size 784x615
LayoutBlockFlow {div} at (0,0) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,205) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,410) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x280
LayoutBlockFlow {HTML} at (0,0) size 800x280
LayoutBlockFlow {BODY} at (8,8) size 784x256
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x16 [border: (1px solid #000000)]
LayoutText {#text} at (1,-3) size 259x19
text run at (1,-3) width 259: "this block should hug the lowercase glyphs."
LayoutBlockFlow {P} at (0,196) size 784x60
LayoutBlockFlow (floating) at (0,0) size 21x25
LayoutText {#text} at (0,-8) size 21x41
text run at (0,-8) width 21: "T"
LayoutText {#text} at (23,0) size 389x19
text run at (23,0) width 389: "he first letter here should look nicer because it uses glyph bounds"
LayoutBR {BR} at (412,0) size 0x19
LayoutText {#text} at (23,20) size 485x19
text run at (23,20) width 485: "This should make the top of the T line up with the line and not look shifted down."
LayoutBR {BR} at (508,20) size 0x19
LayoutText {#text} at (0,40) size 428x19
text run at (0,40) width 428: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 228x600
LayoutBlockFlow {HTML} at (0,0) size 228x600
LayoutBlockFlow {BODY} at (8,8) size 212x584
LayoutBlockFlow (anonymous) at (0,0) size 20x584
LayoutText {#text} at (0,0) size 19x471
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (0,248) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (20,0) size 192x384 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 96x384 [bgcolor=#008000]
LayoutBR {BR} at (0,384) size 64x0
LayoutBlockFlow {DIV} at (64,0) size 128x384 [bgcolor=#008000]
layer at (0,0) size 785x1500
LayoutView at (0,0) size 785x600
layer at (0,0) size 785x1500
LayoutBlockFlow {HTML} at (0,0) size 785x1500
LayoutBlockFlow {BODY} at (8,8) size 769x1460
LayoutBlockFlow (anonymous) at (0,0) size 769x20
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "All of these blocks should look the same."
layer at (8,60) size 320x256
LayoutBlockFlow {DIV} at (0,52) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,348) size 320x256
LayoutBlockFlow {DIV} at (0,340) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,636) size 320x256
LayoutBlockFlow {DIV} at (0,628) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,924) size 320x256
LayoutBlockFlow {DIV} at (0,916) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,1212) size 320x256
LayoutBlockFlow {DIV} at (0,1204) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x210
LayoutBlockFlow {HTML} at (0,0) size 800x210
LayoutBlockFlow {BODY} at (8,8) size 784x186
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x210
LayoutBlockFlow {HTML} at (0,0) size 800x210
LayoutBlockFlow {BODY} at (8,8) size 784x186
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x274
LayoutBlockFlow {HTML} at (0,0) size 800x274
LayoutBlockFlow {BODY} at (8,8) size 784x250
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 609x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 361: "If you see any red other than anti-aliasing, the test has failed."
LayoutBlockFlow {P} at (0,228) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x192
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutInline {SPAN} at (0,0) size 320x128 [color=#008000]
LayoutText {#text} at (0,64) size 320x128
text run at (0,64) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,64) size 64x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 320x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBR {BR} at (320,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 scrollHeight 631
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x631 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
LayoutBlockFlow {html} at (0,0) size 800x631
LayoutBlockFlow {body} at (8,8) size 784x615
LayoutBlockFlow {div} at (0,0) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,205) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,410) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x209
LayoutBlockFlow {HTML} at (0,0) size 800x209
LayoutBlockFlow {BODY} at (8,8) size 784x185
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x21 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128 scrollHeight 141
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x64 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x391
LayoutBlockFlow {HTML} at (0,0) size 800x391
LayoutBlockFlow {BODY} at (8,16) size 784x358
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 238x19
text run at (0,0) width 238: "None of these should have clipped text."
LayoutBlockFlow {DIV} at (0,36) size 784x322
layer at (8,52) size 784x11
LayoutBlockFlow {P} at (0,0) size 784x11
LayoutText {#text} at (0,-4) size 136x15
text run at (0,-4) width 136: "Lorem ipsum dolor sit amet."
layer at (8,76) size 784x12
LayoutBlockFlow {P} at (0,24) size 784x12
LayoutText {#text} at (0,-3) size 146x15
text run at (0,-3) width 146: "Lorem ipsum dolor sit amet."
layer at (8,102) size 784x13
LayoutBlockFlow {P} at (0,50) size 784x13
LayoutText {#text} at (0,-3) size 160x16
text run at (0,-3) width 160: "Lorem ipsum dolor sit amet."
layer at (8,130) size 784x13 scrollHeight 14
LayoutBlockFlow {P} at (0,78) size 784x13
LayoutText {#text} at (0,-3) size 164x17
text run at (0,-3) width 164: "Lorem ipsum dolor sit amet."
layer at (8,159) size 784x14 scrollHeight 15
LayoutBlockFlow {P} at (0,107) size 784x14
LayoutText {#text} at (0,-4) size 169x19
text run at (0,-4) width 169: "Lorem ipsum dolor sit amet."
layer at (8,190) size 784x16
LayoutBlockFlow {P} at (0,138) size 784x16
LayoutText {#text} at (0,-3) size 194x19
text run at (0,-3) width 194: "Lorem ipsum dolor sit amet."
layer at (8,223) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,171) size 784x11
LayoutText {#text} at (0,-1) size 55x15
text run at (0,-1) width 55: "\x{C9}tats-Unis."
layer at (8,247) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,195) size 784x11
LayoutText {#text} at (0,-1) size 59x15
text run at (0,-1) width 59: "\x{C9}tats-Unis."
layer at (8,272) size 784x12 scrollHeight 15
LayoutBlockFlow {P} at (0,220) size 784x12
LayoutText {#text} at (0,-1) size 62x16
text run at (0,-1) width 62: "\x{C9}tats-Unis."
layer at (8,299) size 784x13 scrollHeight 17
LayoutBlockFlow {P} at (0,247) size 784x13
LayoutText {#text} at (0,0) size 66x17
text run at (0,0) width 66: "\x{C9}tats-Unis."
layer at (8,328) size 784x14 scrollHeight 18
LayoutBlockFlow {P} at (0,276) size 784x14
LayoutText {#text} at (0,-1) size 67x19
text run at (0,-1) width 67: "\x{C9}tats-Unis."
layer at (8,359) size 784x15 scrollHeight 19
LayoutBlockFlow {P} at (0,307) size 784x15
LayoutText {#text} at (0,0) size 76x19
text run at (0,0) width 76: "\x{C9}tats-Unis."
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x280
LayoutBlockFlow {HTML} at (0,0) size 800x280
LayoutBlockFlow {BODY} at (8,8) size 784x256
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x16 [border: (1px solid #000000)]
LayoutText {#text} at (1,-3) size 259x19
text run at (1,-3) width 259: "this block should hug the lowercase glyphs."
LayoutBlockFlow {P} at (0,196) size 784x60
LayoutBlockFlow (floating) {<pseudo:first-letter>} at (0,0) size 21x24
LayoutTextFragment (anonymous) at (0,-8) size 21x41
text run at (0,-8) width 21: "T"
LayoutTextFragment {#text} at (23,0) size 389x19
text run at (23,0) width 389: "he first letter here should look nicer because it uses glyph bounds"
LayoutBR {BR} at (412,0) size 0x19
LayoutText {#text} at (23,20) size 485x19
text run at (23,20) width 485: "This should make the top of the T line up with the line and not look shifted down."
LayoutBR {BR} at (508,20) size 0x19
LayoutText {#text} at (0,40) size 428x19
text run at (0,40) width 428: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x96 [bgcolor=#008000]
LayoutBR {BR} at (384,32) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x64 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 228x600
LayoutBlockFlow {HTML} at (0,0) size 228x600
LayoutBlockFlow {BODY} at (8,8) size 212x584
LayoutBlockFlow (anonymous) at (0,0) size 20x584
LayoutText {#text} at (0,0) size 19x469
text run at (0,0) width 246: "You should see a green rectangle below. "
text run at (0,245) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (20,0) size 192x384 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 96x384 [bgcolor=#008000]
LayoutBR {BR} at (0,384) size 64x0
LayoutBlockFlow {DIV} at (64,0) size 128x384 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,128) size 320x64
text run at (64,128) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x292
LayoutBlockFlow {HTML} at (0,0) size 800x292
LayoutBlockFlow {BODY} at (8,8) size 784x276
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x256 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x100
LayoutBlockFlow {HTML} at (0,0) size 800x100
LayoutBlockFlow {BODY} at (8,8) size 784x84
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 437x19
text run at (0,0) width 214: "You should see a green line below. "
text run at (214,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,84) size 784x0 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1500
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x1500 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x1500
LayoutBlockFlow {BODY} at (8,8) size 769x1460
LayoutBlockFlow (anonymous) at (0,0) size 769x20
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "All of these blocks should look the same."
layer at (8,60) size 320x256
LayoutBlockFlow {DIV} at (0,52) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,348) size 320x256 backgroundClip at (8,348) size 320x252 clip at (8,348) size 320x252 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,340) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,636) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,628) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,924) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,916) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,1212) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,1204) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 320x128 [bgcolor=#FF0000]
LayoutBlockFlow {DIV} at (0,0) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x162
LayoutBlockFlow {HTML} at (0,0) size 800x162
LayoutBlockFlow {BODY} at (8,8) size 784x146
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x206
LayoutBlockFlow {HTML} at (0,0) size 800x206
LayoutBlockFlow {BODY} at (8,8) size 784x182
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,162) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x18
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x128
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x208
LayoutBlockFlow {HTML} at (0,0) size 800x208
LayoutBlockFlow {BODY} at (8,8) size 784x184
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x18
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x130
LayoutBlockFlow {DIV} at (0,18) size 384x130 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutBlockFlow {DIV} at (0,2) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,66) size 320x64
text run at (64,66) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x272
LayoutBlockFlow {HTML} at (0,0) size 800x272
LayoutBlockFlow {BODY} at (8,8) size 784x248
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 653x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 390: "If you see any red other than anti-aliasing, the test has failed."
LayoutBlockFlow {P} at (0,228) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x18
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x194
LayoutBlockFlow {DIV} at (0,18) size 384x194 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutInline {SPAN} at (0,0) size 320x128 [color=#008000]
LayoutText {#text} at (0,66) size 320x128
text run at (0,66) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,66) size 64x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 320x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBR {BR} at (320,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 scrollHeight 625
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x625 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
LayoutBlockFlow {html} at (0,0) size 800x625
LayoutBlockFlow {body} at (8,8) size 784x609
LayoutBlockFlow {div} at (0,0) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (1,1) size 55x48
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (0,0) size 55x48
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (1,97) size 55x48
text run at (1,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,1) size 48x55
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,0) size 48x55
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (97,1) size 48x55
text run at (97,1) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,203) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (1,1) size 55x48
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (0,0) size 55x48
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (1,97) size 55x48
text run at (1,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,1) size 48x55
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,0) size 48x55
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (97,1) size 48x55
text run at (97,1) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,406) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (1,1) size 55x48
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (0,0) size 55x48
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (1,97) size 55x48
text run at (1,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,1) size 48x55
text run at (1,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,0) size 48x55
text run at (0,0) width 48: "\x{6AFB}"
LayoutText {#text} at (97,1) size 48x55
text run at (97,1) width 48: "\x{7530}"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x162
LayoutBlockFlow {HTML} at (0,0) size 800x162
LayoutBlockFlow {BODY} at (8,8) size 784x146
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
layer at (8,26) size 384x128
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x206
LayoutBlockFlow {HTML} at (0,0) size 800x206
LayoutBlockFlow {BODY} at (8,8) size 784x182
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,162) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x18
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x128 scrollHeight 141
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x64 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x405
LayoutBlockFlow {HTML} at (0,0) size 800x405
LayoutBlockFlow {BODY} at (8,16) size 784x372
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 253x18
text run at (0,0) width 253: "None of these should have clipped text."
LayoutBlockFlow {DIV} at (0,34) size 784x338
layer at (8,50) size 784x12
LayoutBlockFlow {P} at (0,0) size 784x12
LayoutText {#text} at (0,-2) size 137x14
text run at (0,-2) width 137: "Lorem ipsum dolor sit amet."
layer at (8,75) size 784x12
LayoutBlockFlow {P} at (0,25) size 784x12
LayoutText {#text} at (0,-3) size 148x15
text run at (0,-3) width 148: "Lorem ipsum dolor sit amet."
layer at (8,101) size 784x14
LayoutBlockFlow {P} at (0,51) size 784x14
LayoutText {#text} at (0,-3) size 160x17
text run at (0,-3) width 160: "Lorem ipsum dolor sit amet."
layer at (8,130) size 784x15
LayoutBlockFlow {P} at (0,80) size 784x15
LayoutText {#text} at (0,-2) size 171x17
text run at (0,-2) width 171: "Lorem ipsum dolor sit amet."
layer at (8,161) size 784x15
LayoutBlockFlow {P} at (0,111) size 784x15
LayoutText {#text} at (0,-3) size 182x18
text run at (0,-3) width 182: "Lorem ipsum dolor sit amet."
layer at (8,193) size 784x16
LayoutBlockFlow {P} at (0,143) size 784x16
LayoutText {#text} at (0,-4) size 194x20
text run at (0,-4) width 194: "Lorem ipsum dolor sit amet."
layer at (8,226) size 784x12 scrollHeight 14
LayoutBlockFlow {P} at (0,176) size 784x12
LayoutText {#text} at (0,0) size 54x14
text run at (0,0) width 54: "\x{C9}tats-Unis."
layer at (8,251) size 784x13 scrollHeight 15
LayoutBlockFlow {P} at (0,201) size 784x13
LayoutText {#text} at (0,0) size 59x15
text run at (0,0) width 59: "\x{C9}tats-Unis."
layer at (8,278) size 784x14 scrollHeight 17
LayoutBlockFlow {P} at (0,228) size 784x14
LayoutText {#text} at (0,0) size 63x17
text run at (0,0) width 63: "\x{C9}tats-Unis."
layer at (8,307) size 784x15 scrollHeight 18
LayoutBlockFlow {P} at (0,257) size 784x15
LayoutText {#text} at (0,1) size 68x17
text run at (0,1) width 68: "\x{C9}tats-Unis."
layer at (8,338) size 784x16 scrollHeight 19
LayoutBlockFlow {P} at (0,288) size 784x16
LayoutText {#text} at (0,1) size 72x18
text run at (0,1) width 72: "\x{C9}tats-Unis."
layer at (8,371) size 784x17 scrollHeight 20
LayoutBlockFlow {P} at (0,321) size 784x17
LayoutText {#text} at (0,0) size 77x20
text run at (0,0) width 77: "\x{C9}tats-Unis."
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x275
LayoutBlockFlow {HTML} at (0,0) size 800x275
LayoutBlockFlow {BODY} at (8,8) size 784x251
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x17 [border: (1px solid #000000)]
LayoutText {#text} at (1,-2) size 280x18
text run at (1,-2) width 280: "this block should hug the lowercase glyphs."
LayoutBlockFlow {P} at (0,197) size 784x54
LayoutBlockFlow (floating) {<pseudo:first-letter>} at (0,0) size 22x24
LayoutTextFragment (anonymous) at (0,-8) size 22x41
text run at (0,-8) width 22: "T"
LayoutTextFragment {#text} at (24,0) size 419x18
text run at (24,0) width 419: "he first letter here should look nicer because it uses glyph bounds"
LayoutBR {BR} at (442,0) size 1x18
LayoutText {#text} at (24,18) size 524x18
text run at (24,18) width 524: "This should make the top of the T line up with the line and not look shifted down."
LayoutBR {BR} at (547,18) size 1x18
LayoutText {#text} at (0,36) size 462x18
text run at (0,36) width 462: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,26) size 384x130
LayoutBlockFlow {DIV} at (0,18) size 384x130 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutBlockFlow {DIV} at (0,2) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,66) size 320x64
text run at (64,66) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x96 [bgcolor=#008000]
LayoutBR {BR} at (384,32) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x64 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 226x600
LayoutBlockFlow {HTML} at (0,0) size 226x600
LayoutBlockFlow {BODY} at (8,8) size 210x584
LayoutBlockFlow (anonymous) at (0,0) size 18x584
LayoutText {#text} at (0,0) size 18x499
text run at (0,0) width 261: "You should see a green rectangle below. "
text run at (0,260) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (18,0) size 192x384 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 96x384 [bgcolor=#008000]
LayoutBR {BR} at (0,384) size 64x0
LayoutBlockFlow {DIV} at (64,0) size 128x384 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,128) size 320x64
text run at (64,128) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x290
LayoutBlockFlow {HTML} at (0,0) size 800x290
LayoutBlockFlow {BODY} at (8,8) size 784x274
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x256 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x98
LayoutBlockFlow {HTML} at (0,0) size 800x98
LayoutBlockFlow {BODY} at (8,8) size 784x82
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 467x18
text run at (0,0) width 229: "You should see a green line below. "
text run at (228,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,82) size 784x0 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1498
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x1498 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x1498
LayoutBlockFlow {BODY} at (8,8) size 769x1458
LayoutBlockFlow (anonymous) at (0,0) size 769x18
LayoutText {#text} at (0,0) size 264x18
text run at (0,0) width 264: "All of these blocks should look the same."
layer at (8,58) size 320x256
LayoutBlockFlow {DIV} at (0,50) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,346) size 320x256 backgroundClip at (8,346) size 320x254 clip at (8,346) size 320x254 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,338) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,634) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,626) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,922) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,914) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,1210) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,1202) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x162
LayoutBlockFlow {HTML} at (0,0) size 800x162
LayoutBlockFlow {BODY} at (8,8) size 784x146
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x18
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 320x128 [bgcolor=#FF0000]
LayoutBlockFlow {DIV} at (0,0) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x210
LayoutBlockFlow {HTML} at (0,0) size 800x210
LayoutBlockFlow {BODY} at (8,8) size 784x186
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x210
LayoutBlockFlow {HTML} at (0,0) size 800x210
LayoutBlockFlow {BODY} at (8,8) size 784x186
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x274
LayoutBlockFlow {HTML} at (0,0) size 800x274
LayoutBlockFlow {BODY} at (8,8) size 784x250
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 609x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 361: "If you see any red other than anti-aliasing, the test has failed."
LayoutBlockFlow {P} at (0,228) size 784x22 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x192
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutInline {SPAN} at (0,0) size 320x128 [color=#008000]
LayoutText {#text} at (0,64) size 320x128
text run at (0,64) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,64) size 64x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 320x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBR {BR} at (320,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 scrollHeight 631
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x631 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
LayoutBlockFlow {html} at (0,0) size 800x631
LayoutBlockFlow {body} at (8,8) size 784x615
LayoutBlockFlow {div} at (0,0) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,205) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,410) size 784x205
LayoutBlockFlow {div} at (0,0) size 59x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 55x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 55x48
LayoutRubyRun (anonymous) at (1,49) size 57x48
LayoutRubyBase (anonymous) at (0,0) size 57x48
LayoutText {#text} at (1,0) size 55x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 55x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x59 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x55
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x55
LayoutRubyRun (anonymous) at (49,1) size 48x57
LayoutRubyBase (anonymous) at (0,0) size 48x57
LayoutText {#text} at (0,1) size 48x55
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x55
text run at (97,2) width 48: "\x{7530}"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x209
LayoutBlockFlow {HTML} at (0,0) size 800x209
LayoutBlockFlow {BODY} at (8,8) size 784x185
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,164) size 784x21 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 172x19
text run at (1,1) width 172: "This line should look normal."
layer at (8,28) size 384x128 scrollHeight 141
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x64 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x391
LayoutBlockFlow {HTML} at (0,0) size 800x391
LayoutBlockFlow {BODY} at (8,16) size 784x358
LayoutBlockFlow {P} at (0,0) size 784x20
LayoutText {#text} at (0,0) size 238x19
text run at (0,0) width 238: "None of these should have clipped text."
LayoutBlockFlow {DIV} at (0,36) size 784x322
layer at (8,52) size 784x11
LayoutBlockFlow {P} at (0,0) size 784x11
LayoutText {#text} at (0,-4) size 136x15
text run at (0,-4) width 136: "Lorem ipsum dolor sit amet."
layer at (8,76) size 784x12
LayoutBlockFlow {P} at (0,24) size 784x12
LayoutText {#text} at (0,-3) size 146x15
text run at (0,-3) width 146: "Lorem ipsum dolor sit amet."
layer at (8,102) size 784x13
LayoutBlockFlow {P} at (0,50) size 784x13
LayoutText {#text} at (0,-3) size 160x16
text run at (0,-3) width 160: "Lorem ipsum dolor sit amet."
layer at (8,130) size 784x13 scrollHeight 14
LayoutBlockFlow {P} at (0,78) size 784x13
LayoutText {#text} at (0,-3) size 164x17
text run at (0,-3) width 164: "Lorem ipsum dolor sit amet."
layer at (8,159) size 784x14 scrollHeight 15
LayoutBlockFlow {P} at (0,107) size 784x14
LayoutText {#text} at (0,-4) size 169x19
text run at (0,-4) width 169: "Lorem ipsum dolor sit amet."
layer at (8,190) size 784x16
LayoutBlockFlow {P} at (0,138) size 784x16
LayoutText {#text} at (0,-3) size 194x19
text run at (0,-3) width 194: "Lorem ipsum dolor sit amet."
layer at (8,223) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,171) size 784x11
LayoutText {#text} at (0,-1) size 55x15
text run at (0,-1) width 55: "\x{C9}tats-Unis."
layer at (8,247) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,195) size 784x11
LayoutText {#text} at (0,-1) size 59x15
text run at (0,-1) width 59: "\x{C9}tats-Unis."
layer at (8,272) size 784x12 scrollHeight 15
LayoutBlockFlow {P} at (0,220) size 784x12
LayoutText {#text} at (0,-1) size 63x16
text run at (0,-1) width 63: "\x{C9}tats-Unis."
layer at (8,299) size 784x13 scrollHeight 17
LayoutBlockFlow {P} at (0,247) size 784x13
LayoutText {#text} at (0,0) size 66x17
text run at (0,0) width 66: "\x{C9}tats-Unis."
layer at (8,328) size 784x14 scrollHeight 18
LayoutBlockFlow {P} at (0,276) size 784x14
LayoutText {#text} at (0,-1) size 67x19
text run at (0,-1) width 67: "\x{C9}tats-Unis."
layer at (8,359) size 784x15 scrollHeight 19
LayoutBlockFlow {P} at (0,307) size 784x15
LayoutText {#text} at (0,0) size 76x19
text run at (0,0) width 76: "\x{C9}tats-Unis."
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x280
LayoutBlockFlow {HTML} at (0,0) size 800x280
LayoutBlockFlow {BODY} at (8,8) size 784x256
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x16 [border: (1px solid #000000)]
LayoutText {#text} at (1,-3) size 259x19
text run at (1,-3) width 259: "this block should hug the lowercase glyphs."
LayoutBlockFlow {P} at (0,196) size 784x60
LayoutBlockFlow (floating) {<pseudo:first-letter>} at (0,0) size 21x24
LayoutTextFragment (anonymous) at (0,-8) size 21x41
text run at (0,-8) width 21: "T"
LayoutTextFragment {#text} at (23,0) size 389x19
text run at (23,0) width 389: "he first letter here should look nicer because it uses glyph bounds"
LayoutBR {BR} at (412,0) size 0x19
LayoutText {#text} at (23,20) size 485x19
text run at (23,20) width 485: "This should make the top of the T line up with the line and not look shifted down."
LayoutBR {BR} at (508,20) size 0x19
LayoutText {#text} at (0,40) size 428x19
text run at (0,40) width 428: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,28) size 384x128
LayoutBlockFlow {DIV} at (0,20) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x96 [bgcolor=#008000]
LayoutBR {BR} at (384,32) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x64 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 228x600
LayoutBlockFlow {HTML} at (0,0) size 228x600
LayoutBlockFlow {BODY} at (8,8) size 212x584
LayoutBlockFlow (anonymous) at (0,0) size 20x584
LayoutText {#text} at (0,0) size 19x471
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (0,248) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (20,0) size 192x384 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 96x384 [bgcolor=#008000]
LayoutBR {BR} at (0,384) size 64x0
LayoutBlockFlow {DIV} at (64,0) size 128x384 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x228
LayoutBlockFlow {HTML} at (0,0) size 800x228
LayoutBlockFlow {BODY} at (8,8) size 784x212
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,128) size 320x64
text run at (64,128) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x292
LayoutBlockFlow {HTML} at (0,0) size 800x292
LayoutBlockFlow {BODY} at (8,8) size 784x276
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 384x256 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x100
LayoutBlockFlow {HTML} at (0,0) size 800x100
LayoutBlockFlow {BODY} at (8,8) size 784x84
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 437x19
text run at (0,0) width 214: "You should see a green line below. "
text run at (214,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,84) size 784x0 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#FF0000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutBR {BR} at (320,-51) size 0x64
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,-51) size 320x64
text run at (0,-51) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1500
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x1500 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x1500
LayoutBlockFlow {BODY} at (8,8) size 769x1460
LayoutBlockFlow (anonymous) at (0,0) size 769x20
LayoutText {#text} at (0,0) size 247x19
text run at (0,0) width 247: "All of these blocks should look the same."
layer at (8,60) size 320x256
LayoutBlockFlow {DIV} at (0,52) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,348) size 320x256 backgroundClip at (8,348) size 320x252 clip at (8,348) size 320x252 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,340) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,636) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,628) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,924) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,916) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (8,1212) size 320x256 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0 outlineClip at (0,0) size 785x600
LayoutBlockFlow {DIV} at (0,1204) size 320x256 [bgcolor=#00FF00]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,32) size 320x64
text run at (0,32) width 320: "xxxxx"
LayoutBR {BR} at (320,32) size 0x64
LayoutBlockFlow {DIV} at (0,160) size 256x64 [color=#008000]
LayoutText {#text} at (0,0) size 256x64
text run at (0,0) width 256: "xxxx"
LayoutInline {SPAN} at (0,0) size 64x64 [color=#008000]
LayoutText {#text} at (256,160) size 64x64
text run at (256,160) width 64: "x"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x164
LayoutBlockFlow {HTML} at (0,0) size 800x164
LayoutBlockFlow {BODY} at (8,8) size 784x148
LayoutBlockFlow (anonymous) at (0,0) size 784x20
LayoutText {#text} at (0,0) size 471x19
text run at (0,0) width 248: "You should see a green rectangle below. "
text run at (248,0) width 223: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,20) size 320x128 [bgcolor=#FF0000]
LayoutBlockFlow {DIV} at (0,0) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x162
LayoutBlockFlow {HTML} at (0,0) size 800x162
LayoutBlockFlow {BODY} at (8,8) size 784x146
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x206
LayoutBlockFlow {HTML} at (0,0) size 800x206
LayoutBlockFlow {BODY} at (8,8) size 784x182
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,162) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x17
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x128
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x208
LayoutBlockFlow {HTML} at (0,0) size 800x208
LayoutBlockFlow {BODY} at (8,8) size 784x184
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x17
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x130
LayoutBlockFlow {DIV} at (0,18) size 384x130 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutBlockFlow {DIV} at (0,2) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,66) size 320x64
text run at (64,66) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x272
LayoutBlockFlow {HTML} at (0,0) size 800x272
LayoutBlockFlow {BODY} at (8,8) size 784x248
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 653x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 390: "If you see any red other than anti-aliasing, the test has failed."
LayoutBlockFlow {P} at (0,228) size 784x20 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x17
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x194
LayoutBlockFlow {DIV} at (0,18) size 384x194 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutInline {SPAN} at (0,0) size 320x128 [color=#008000]
LayoutText {#text} at (0,66) size 320x128
text run at (0,66) width 320: "xxxxx"
LayoutBlockFlow {DIV} at (320,66) size 64x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 320x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutBR {BR} at (320,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 320x128 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600 scrollHeight 625
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x625 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600 outlineClip at (0,0) size 800x600
LayoutBlockFlow {html} at (0,0) size 800x625
LayoutBlockFlow {body} at (8,8) size 784x609
LayoutBlockFlow {div} at (0,0) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 53x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 53x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (1,0) size 53x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 53x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x53
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x53
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,1) size 48x53
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x53
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,203) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 53x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 53x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (1,0) size 53x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 53x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x53
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x53
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,1) size 48x53
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x53
text run at (97,2) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,406) size 784x203
LayoutBlockFlow {div} at (0,0) size 57x146 [border: (1px solid #FF0000)]
LayoutText {#text} at (2,1) size 53x48
text run at (2,1) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 53x48
LayoutRubyRun (anonymous) at (1,49) size 55x48
LayoutRubyBase (anonymous) at (0,0) size 55x48
LayoutText {#text} at (1,0) size 53x48
text run at (1,0) width 48: "\x{6AFB}"
LayoutText {#text} at (2,97) size 53x48
text run at (2,97) width 48: "\x{7530}"
LayoutBlockFlow {div} at (0,146) size 784x57 [border: (1px solid #008000)]
LayoutText {#text} at (1,2) size 48x53
text run at (1,2) width 48: "\x{70BA}"
LayoutRuby (inline) {ruby} at (0,0) size 48x53
LayoutRubyRun (anonymous) at (49,1) size 48x55
LayoutRubyBase (anonymous) at (0,0) size 48x55
LayoutText {#text} at (0,1) size 48x53
text run at (0,1) width 48: "\x{6AFB}"
LayoutText {#text} at (97,2) size 48x53
text run at (97,2) width 48: "\x{7530}"
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x162
LayoutBlockFlow {HTML} at (0,0) size 800x162
LayoutBlockFlow {BODY} at (8,8) size 784x146
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
layer at (8,26) size 384x128
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,0) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,64) size 320x64
text run at (64,64) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x205
LayoutBlockFlow {HTML} at (0,0) size 800x205
LayoutBlockFlow {BODY} at (8,8) size 784x181
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {P} at (0,162) size 784x19 [border: (1px solid #000000)]
LayoutText {#text} at (1,1) size 189x17
text run at (1,1) width 189: "This line should look normal."
layer at (8,26) size 384x128 scrollHeight 141
LayoutBlockFlow {DIV} at (0,18) size 384x128 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (0,0) size 320x64
text run at (0,0) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x64 [bgcolor=#008000]
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x394
LayoutBlockFlow {HTML} at (0,0) size 800x394
LayoutBlockFlow {BODY} at (8,16) size 784x361
LayoutBlockFlow {P} at (0,0) size 784x18
LayoutText {#text} at (0,0) size 253x17
text run at (0,0) width 253: "None of these should have clipped text."
LayoutBlockFlow {DIV} at (0,34) size 784x327
layer at (8,50) size 784x11
LayoutBlockFlow {P} at (0,0) size 784x11
LayoutText {#text} at (0,-4) size 136x15
text run at (0,-4) width 136: "Lorem ipsum dolor sit amet."
layer at (8,74) size 784x12
LayoutBlockFlow {P} at (0,24) size 784x12
LayoutText {#text} at (0,-3) size 146x15
text run at (0,-3) width 146: "Lorem ipsum dolor sit amet."
layer at (8,100) size 784x13
LayoutBlockFlow {P} at (0,50) size 784x13
LayoutText {#text} at (0,-3) size 160x16
text run at (0,-3) width 160: "Lorem ipsum dolor sit amet."
layer at (8,128) size 784x13 scrollHeight 14
LayoutBlockFlow {P} at (0,78) size 784x13
LayoutText {#text} at (0,-3) size 164x17
text run at (0,-3) width 164: "Lorem ipsum dolor sit amet."
layer at (8,157) size 784x16
LayoutBlockFlow {P} at (0,107) size 784x16
LayoutText {#text} at (0,-2) size 182x17
text run at (0,-2) width 182: "Lorem ipsum dolor sit amet."
layer at (8,190) size 784x16
LayoutBlockFlow {P} at (0,140) size 784x16
LayoutText {#text} at (0,-3) size 194x19
text run at (0,-3) width 194: "Lorem ipsum dolor sit amet."
layer at (8,223) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,173) size 784x11
LayoutText {#text} at (0,-1) size 55x15
text run at (0,-1) width 55: "\x{C9}tats-Unis."
layer at (8,247) size 784x11 scrollHeight 14
LayoutBlockFlow {P} at (0,197) size 784x11
LayoutText {#text} at (0,-1) size 59x15
text run at (0,-1) width 59: "\x{C9}tats-Unis."
layer at (8,272) size 784x12 scrollHeight 15
LayoutBlockFlow {P} at (0,222) size 784x12
LayoutText {#text} at (0,-1) size 63x16
text run at (0,-1) width 63: "\x{C9}tats-Unis."
layer at (8,299) size 784x13 scrollHeight 17
LayoutBlockFlow {P} at (0,249) size 784x13
LayoutText {#text} at (0,0) size 66x17
text run at (0,0) width 66: "\x{C9}tats-Unis."
layer at (8,328) size 784x16 scrollHeight 18
LayoutBlockFlow {P} at (0,278) size 784x16
LayoutText {#text} at (0,1) size 72x17
text run at (0,1) width 72: "\x{C9}tats-Unis."
layer at (8,361) size 784x16 scrollHeight 19
LayoutBlockFlow {P} at (0,311) size 784x16
LayoutText {#text} at (0,0) size 77x19
text run at (0,0) width 77: "\x{C9}tats-Unis."
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x276
LayoutBlockFlow {HTML} at (0,0) size 800x276
LayoutBlockFlow {BODY} at (8,8) size 784x252
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutText {#text} at (0,0) size 0x0
LayoutBlockFlow {P} at (0,164) size 784x18 [border: (1px solid #000000)]
LayoutText {#text} at (1,-1) size 280x17
text run at (1,-1) width 280: "this block should hug the lowercase glyphs."
LayoutBlockFlow {P} at (0,198) size 784x54
LayoutBlockFlow (floating) {<pseudo:first-letter>} at (0,0) size 22x24
LayoutTextFragment (anonymous) at (0,-8) size 22x40
text run at (0,-8) width 22: "T"
LayoutTextFragment {#text} at (24,0) size 419x17
text run at (24,0) width 419: "he first letter here should look nicer because it uses glyph bounds"
LayoutBR {BR} at (442,0) size 1x17
LayoutText {#text} at (24,18) size 524x17
text run at (24,18) width 524: "This should make the top of the T line up with the line and not look shifted down."
LayoutBR {BR} at (547,18) size 1x17
LayoutText {#text} at (0,36) size 462x17
text run at (0,36) width 462: "Maybe we should do this by default for all first letters like Firefox does."
layer at (8,26) size 384x130
LayoutBlockFlow {DIV} at (0,18) size 384x130 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (0,1) size 320x64
text run at (0,1) width 320: "xxxxx"
LayoutInline {SPAN} at (0,0) size 64x128 [bgcolor=#008000]
LayoutBR {BR} at (384,1) size 0x64
LayoutBlockFlow {DIV} at (0,2) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x65 [color=#008000] [border: (1px solid #008000) none]
LayoutText {#text} at (64,66) size 320x64
text run at (64,66) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x96 [bgcolor=#008000]
LayoutBR {BR} at (384,32) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 384x128 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,0) size 0x64
LayoutBlockFlow {DIV} at (0,128) size 384x64 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 226x600
LayoutBlockFlow {HTML} at (0,0) size 226x600
LayoutBlockFlow {BODY} at (8,8) size 210x584
LayoutBlockFlow (anonymous) at (0,0) size 18x584
LayoutText {#text} at (0,0) size 17x499
text run at (0,0) width 261: "You should see a green rectangle below. "
text run at (0,260) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (18,0) size 192x384 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 96x384 [bgcolor=#008000]
LayoutBR {BR} at (0,384) size 64x0
LayoutBlockFlow {DIV} at (64,0) size 128x384 [bgcolor=#008000]
layer at (0,0) size 800x600
LayoutView at (0,0) size 800x600
layer at (0,0) size 800x226
LayoutBlockFlow {HTML} at (0,0) size 800x226
LayoutBlockFlow {BODY} at (8,8) size 784x210
LayoutBlockFlow (anonymous) at (0,0) size 784x18
LayoutText {#text} at (0,0) size 502x17
text run at (0,0) width 264: "You should see a green rectangle below. "
text run at (263,0) width 239: "If you see any red, the test has failed."
LayoutBlockFlow {DIV} at (0,18) size 384x192 [bgcolor=#FF0000]
LayoutInline {SPAN} at (0,0) size 384x128 [bgcolor=#008000]
LayoutBR {BR} at (384,51) size 0x64
LayoutBlockFlow {DIV} at (0,64) size 64x128 [bgcolor=#008000]
LayoutInline {SPAN} at (0,0) size 320x64 [color=#008000]
LayoutText {#text} at (64,128) size 320x64
text run at (64,128) width 320: "xxxxx"
LayoutText {#text} at (0,0) size 0x0
This diff is collapsed.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment