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> |