1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html lang="en"> 4 <head> 5 </head> 6 <body> 7 <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> 8 9 <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> 10 Scroll and resize the window as necessary to bring the three test cases below into view. 11 Press each Test button once. Do not scroll, resize, or hide the window or switch to another 12 tab. 13 </p> 14 15 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> 16 In each test, “Lorem” will move down along with “ipsum”. 17 </p> 18 19 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> 20 “Lorem” will stay behind as “ipsum” moves down. 21 </p> 22 23 <div style="height: 120px"> 24 <p> 25 <button onclick="document.getElementById('t').style.marginTop = '2em'"> 26 Test 1 27 </button> 28 Move block with left overflow 29 </p> 30 <div id="t" style="text-indent: -50px; background: silver; margin-left: 50px;"> 31 Lorem ipsum 32 </div> 33 </div> 34 <hr> 35 <div style="height: 120px"> 36 <p> 37 <button onclick="document.getElementById('u').style.lineHeight = '3'"> 38 Test 2 39 </button> 40 </p> 41 Move line with left overflow 42 <div style="text-indent: -50px; background: silver; margin-left: 50px;"> 43 Lorem <span id="u">ipsum</span> 44 </div> 45 </div> 46 <hr> 47 <div style="height: 120px"> 48 <p> 49 <button onclick="document.getElementById('v').style.height = '3em'"> 50 Test 3 51 </button> 52 Change height of table cell with left overflow 53 </p> 54 <table style="margin-left: 50px;"><tr> 55 <td id="v" style="text-indent: -50px; background: silver;"> 56 Lorem ipsum 57 </td></tr></table> 58 </div> 59 60 </body> 61 </html> 62
