Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(151)

Side by Side Diff: LayoutTests/fast/table/table-all-rowspans-height-distribution-in-rows-except-overlapped.html

Issue 19635004: Row spanning cell content is flowing out of the cell border if this row spanning cell comes under t… (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@RowSpan_B249600_9
Patch Set: Created 7 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <title>Table rowspan</title> 4 <title>Table rowspan</title>
5 <script src="../../resources/check-layout.js"></script> 5 <script src="../../resources/check-layout.js"></script>
6 <style> 6 <style>
7 td { font: 15px/1 Ahem } 7 td { font: 15px/1 Ahem }
8 #div-table { display: table; border-spacing: 2px } 8 #div-table { display: table; border-spacing: 2px }
9 #div-row, #span-row { display: table-row } 9 #div-row, #span-row { display: table-row }
10 #div-cell, #span-cell { display: table-cell } 10 #div-cell, #span-cell { display: table-cell }
(...skipping 365 matching lines...) Expand 10 before | Expand all | Expand 10 after
376 </span> 376 </span>
377 <div id="div-row"> 377 <div id="div-row">
378 <div id="div-cell">row9 col0</div> 378 <div id="div-cell">row9 col0</div>
379 </div> 379 </div>
380 <div id="div-row"> 380 <div id="div-row">
381 <div id="div-cell">row10 col0</div> 381 <div id="div-cell">row10 col0</div>
382 </div> 382 </div>
383 </div> 383 </div>
384 <h5>Test 9 - Table Similar to CSS table with rowspan.</h5> 384 <h5>Test 9 - Table Similar to CSS table with rowspan.</h5>
385 <table border="1px"> 385 <table border="1px">
386 <tr data-expected-height="39"> 386 <tr data-expected-height="21">
387 <td rowspan=5 style="height:300px">row0 col0</td> 387 <td rowspan=5 style="height:300px">row0 col0</td>
388 <td>row0 col1</td> 388 <td>row0 col1</td>
389 <td>row0 col2</td> 389 <td>row0 col2</td>
390 </tr> 390 </tr>
391 <tr data-expected-height="48"> 391 <tr data-expected-height="87">
392 <td rowspan=3 style="height:200px">row1 col1</td> 392 <td rowspan=3 style="height:200px">row1 col1</td>
393 <td rowspan=2 style="height:100px">row1 col2</td> 393 <td rowspan=2 style="height:100px">row1 col2</td>
394 <td>row1 col3</td> 394 <td>row1 col3</td>
395 </tr> 395 </tr>
396 <tr data-expected-height="47"> 396 <tr data-expected-height="96">
397 <td>row2 col3</td> 397 <td>row2 col3</td>
398 </tr> 398 </tr>
399 <tr data-expected-height="59"> 399 <tr data-expected-height="40">
400 <td>row3 col2</td> 400 <td>row3 col2</td>
401 </tr> 401 </tr>
402 <tr data-expected-height="60"> 402 <tr data-expected-height="24">
403 <td>row4 col1</td> 403 <td>row4 col1</td>
404 <td>row4 col2</td> 404 <td>row4 col2</td>
405 <td>row4 col3</td> 405 <td>row4 col3</td>
406 </tr> 406 </tr>
407 <tr data-expected-height="19"> 407 <tr data-expected-height="19">
408 <td>row5 col0</td> 408 <td>row5 col0</td>
409 <td>row5 col1</td> 409 <td>row5 col1</td>
410 <td>row5 col2</td> 410 <td>row5 col2</td>
411 </tr> 411 </tr>
412 <tr data-expected-height="0"> 412 <tr data-expected-height="0">
413 <td rowspan=5 style="height:200px">row6 col0</td> 413 <td rowspan=5 style="height:200px">row6 col0</td>
414 <td rowspan=5 style="height:100px">row6 col1</td> 414 <td rowspan=5 style="height:100px">row6 col1</td>
415 </tr> 415 </tr>
416 <tr data-expected-height="37"> 416 <tr data-expected-height="37">
417 <td>row7 col1</td> 417 <td>row7 col1</td>
418 </tr> 418 </tr>
419 <tr data-expected-height="38"> 419 <tr data-expected-height="38">
420 <td>row8 col1</td> 420 <td>row8 col1</td>
421 </tr> 421 </tr>
422 <tr data-expected-height="49"> 422 <tr data-expected-height="49">
423 <td>row9 col1</td> 423 <td>row9 col1</td>
424 </tr> 424 </tr>
425 <tr data-expected-height="49"> 425 <tr data-expected-height="49">
426 <td>row10 col1</td> 426 <td>row10 col1</td>
427 </tr> 427 </tr>
428 </table> 428 </table>
429 </body> 429 </body>
430 </html> 430 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698