| Index: LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout.html
|
| diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout.html b/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout.html
|
| deleted file mode 100644
|
| index c027826144e03dffd07b59e975a4cedcc37b9918..0000000000000000000000000000000000000000
|
| --- a/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout.html
|
| +++ /dev/null
|
| @@ -1,130 +0,0 @@
|
| -<!DOCTYPE html>
|
| -<html lang="en">
|
| -<head>
|
| - <style>
|
| - .region, .content {
|
| - font: 50px/1 Ahem, sans-serif;
|
| - }
|
| - .region {
|
| - width: 100px;
|
| - height: 100px;
|
| - shape-inside: rectangle(0, 0, 100%, 100%);
|
| - }
|
| - .content * {
|
| - color: green;
|
| - width: 100px;
|
| - overflow-wrap: break-word;
|
| - }
|
| - .region.inline-block { -webkit-flow-from: inline-block-flow; }
|
| - .content.inline-block { -webkit-flow-into: inline-block-flow; }
|
| -
|
| - .region.float { -webkit-flow-from: float-flow; }
|
| - .content.float { -webkit-flow-into: float-flow; }
|
| -
|
| - .region.list { -webkit-flow-from: list-flow; }
|
| - .content.list { -webkit-flow-into: list-flow; }
|
| -
|
| - .region.table { -webkit-flow-from: table-flow; }
|
| - .content.table { -webkit-flow-into: table-flow; }
|
| -
|
| - .region.old-flexbox { -webkit-flow-from: old-flexbox-flow; }
|
| - .content.old-flexbox { -webkit-flow-into: old-flexbox-flow; }
|
| -
|
| - .region.new-flexbox { -webkit-flow-from: new-flexbox-flow; }
|
| - .content.new-flexbox { -webkit-flow-into: new-flexbox-flow; }
|
| -
|
| - .region.grid { -webkit-flow-from: grid-flow; }
|
| - .content.grid { -webkit-flow-into: grid-flow; }
|
| -
|
| - .inline-block.content * {
|
| - display: inline-block;
|
| - }
|
| - .float.content * {
|
| - float: left;
|
| - }
|
| - .list.content ul {
|
| - margin: 0;
|
| - padding: 0;
|
| - display: inline-block;
|
| - list-style: none;
|
| - }
|
| - .table.content table {
|
| - display: inline-table;
|
| - border-collapse: collapse;
|
| - }
|
| - .table.content tr {
|
| - dispay: inline-table;
|
| - }
|
| - .table.content td, .table.content tr {
|
| - padding: 0; margin: 0;
|
| - }
|
| - .old-flexbox.content * {
|
| - display: -webkit-inline-box;
|
| - }
|
| - .new-flexbox.content * {
|
| - display: -webkit-inline-flex;
|
| - }
|
| - .grid.content * {
|
| - display: inline-grid;
|
| - grid-template-rows: 100px;
|
| - grid-template-columns: 100px;
|
| - }
|
| - .grid.content * {
|
| - grid-row-start: 1;
|
| - grid-column-start: 1;
|
| - }
|
| - </style>
|
| -</head>
|
| -<body>
|
| - <p>This test covers inline blocks and floats inside of regions with a shape-inside set.
|
| - It requires the Ahem font. For each test case, you should see a 2x2 green square.</p>
|
| -
|
| - <p>Inline blocks</p>
|
| - <div class='region inline-block'></div>
|
| - <div class='content inline-block'>
|
| - <div>xxxx</div>
|
| - </div>
|
| -
|
| - <p>Floats</p>
|
| - <div class='region float'></div>
|
| - <div class='content float'>
|
| - <div>xxxx</div>
|
| - </div>
|
| -
|
| - <p>Lists</p>
|
| - <div class='region list'></div>
|
| - <div class='content list'>
|
| - <ul>
|
| - <li>xx</li>
|
| - <li>xx</li>
|
| - </ul>
|
| - </div>
|
| -
|
| - <p>Tables</p>
|
| - <div class='region table'></div>
|
| - <div class='content table'>
|
| - <table>
|
| - <tr><td>x</td><td>x</td></tr>
|
| - <tr><td>x</td><td>x</td></tr>
|
| - </table>
|
| - </div>
|
| -
|
| - <p>Old FlexBox</p>
|
| - <div class='region old-flexbox'></div>
|
| - <div class='content old-flexbox'>
|
| - <div>xxxx</div>
|
| - </div>
|
| -
|
| - <p>New FlexBox</p>
|
| - <div class='region new-flexbox'></div>
|
| - <div class='content new-flexbox'>
|
| - <div>xxxx</div>
|
| - </div>
|
| -
|
| - <p>Grid</p>
|
| - <div class='region grid'></div>
|
| - <div class='content grid'>
|
| - <div>xxxx</div>
|
| - </div>
|
| -</body>
|
| -</html>
|
|
|