62 lines
1.9 KiB
HTML
62 lines
1.9 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
|
<html lang="en">
|
|
<head>
|
|
</head>
|
|
<body>
|
|
<p><b>BUG ID:</b> <a href="http://bugs.webkit.org/show_bug.cgi?id=7916">Bugzilla bug 7916</a> Box repaint rect does not include the left overflow</p>
|
|
|
|
<p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b>
|
|
Scroll and resize the window as necessary to bring the three test cases below into view.
|
|
Press each Test button once. Do not scroll, resize, or hide the window or switch to another
|
|
tab.
|
|
</p>
|
|
|
|
<p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b>
|
|
In each test, “Lorem” will move down along with “ipsum”.
|
|
</p>
|
|
|
|
<p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
|
|
“Lorem” will stay behind as “ipsum” moves down.
|
|
</p>
|
|
|
|
<div style="height: 120px">
|
|
<p>
|
|
<button onclick="document.getElementById('t').style.marginTop = '2em'">
|
|
Test 1
|
|
</button>
|
|
Move block with left overflow
|
|
</p>
|
|
<div id="t" style="text-indent: -50px; background: silver; margin-left: 50px;">
|
|
Lorem ipsum
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div style="height: 120px">
|
|
<p>
|
|
<button onclick="document.getElementById('u').style.lineHeight = '3'">
|
|
Test 2
|
|
</button>
|
|
</p>
|
|
Move line with left overflow
|
|
<div style="text-indent: -50px; background: silver; margin-left: 50px;">
|
|
Lorem <span id="u">ipsum</span>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div style="height: 120px">
|
|
<p>
|
|
<button onclick="document.getElementById('v').style.height = '3em'">
|
|
Test 3
|
|
</button>
|
|
Change height of table cell with left overflow
|
|
</p>
|
|
<table style="margin-left: 50px;"><tr>
|
|
<td id="v" style="text-indent: -50px; background: silver;">
|
|
Lorem ipsum
|
|
</td></tr></table>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|