LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Unified Diff: LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html

Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 years, 10 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout.html ('k') | LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders.html » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html

diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html b/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html

deleted file mode 100644

index b8d07b6f9e8675c74598ad791b897d0cbef353fe..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/regions/shape-inside/shape-inside-recursive-layout-expected.html

+++ /dev/null

@@ -1,116 +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;

- }

- .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: -webkit-inline-grid;

- -webkit-grid-rows: 100px;

- -webkit-grid-columns: 100px;

- }

- .grid.content * {

- -webkit-grid-row: 1;

- -webkit-grid-column: 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 class='content inline-block'>

- <div>xxxx</div>

- </div>

- <p>Floats</p>

- <div class='region float'>

- <div class='content float'>

- <div>xxxx</div>

- </div>

- <p>Lists</p>

- <div class='region list'>

- <div class='content list'>

- <ul>

- <li>xx</li>

- </ul>

- </div>

- <p>Tables</p>

- <div class='region table'>

- <div class='content table'>

- <table>

- <tr><td>x</td><td>x</td></tr>

- </table>

- </div>

- <p>Old FlexBox</p>

- <div class='region old-flexbox'>

- <div class='content old-flexbox'>

- <div>xxxx</div>

- </div>

- <p>New FlexBox</p>

- <div class='region new-flexbox'>

- <div class='content new-flexbox'>

- <div>xxxx</div>

- </div>

- <p>Grid</p>

- <div class='region grid'>

- <div class='content grid'>

- <div>xxxx</div>

- </div>

-</body>

-</html>