| Index: LayoutTests/fast/table/table-display-inline.html
|
| diff --git a/LayoutTests/fast/table/table-display-inline.html b/LayoutTests/fast/table/table-display-inline.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e6af558e29c85908f90cee85cdec9b3716a10e57
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/table/table-display-inline.html
|
| @@ -0,0 +1,63 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<style> #tableId, #trId, #tdId {display: inline;}</style>
|
| +<body>
|
| +<h3>Test for chromium bug : <a href="https://code.google.com/p/chromium/issues/detail?id=53693">53693</a>. Tables with display:inline rendered in wrong position.</h3>
|
| +<h4>Table was created as Inline renderer and another table renderer is created for table's content. So It was displayed as block element and all it's style properties also associated with inline renderer and was not applied to table.</h4>
|
| +
|
| +case 1: The two blocks below should present in same line, first block with green background color and second block with blue background color.
|
| +<br/><br/>
|
| +
|
| +<table style="display:inline; background: green; width: 100px;">
|
| +<tr><td>inline table 1</td></tr>
|
| +</table>
|
| +
|
| +<table style="display:inline; background: blue; width: 100px;">
|
| +<tr><td>inline table 2</td></tr>
|
| +</table>
|
| +
|
| +<br/><br/>
|
| +
|
| +case 2: 'Hello' and 'World' should present in same line.
|
| +
|
| +<br/><br/>
|
| +
|
| +<div>Hello <table style="display:inline;"><tr><td>World</td></tr></table> </div>
|
| +
|
| +<br/>
|
| +
|
| +<div>Hello <table id="tableId"><tr id="trId"><td id="tdId">World</td></tr></table> </div>
|
| +
|
| +<br/>
|
| +
|
| +case 3: 'before', 'inside table' and 'after' should present in same line.
|
| +
|
| +<br/><br/>
|
| +
|
| +<table>
|
| + <tbody id="y">
|
| + <tr><td>inside table</td></tr>
|
| + </tbody>
|
| +</table>
|
| +
|
| +<span>
|
| +before
|
| + <div id="x"></div>
|
| +after
|
| +<span>
|
| +
|
| +<script>
|
| + var x = document.getElementById('x');
|
| + x.parentNode.replaceChild(document.getElementById('y'), x);
|
| +</script>
|
| +
|
| +<br/><br/>
|
| +
|
| +<span>
|
| +before
|
| + <tr><td>inside table</td></tr>
|
| +after
|
| +<span>
|
| +
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 23628004:
Tables with display:inline rendered in wrong position. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master