LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.html - Issue 159863002: Remove CSS regions support, keeping a bare minimum to support "region-based" multicol.

Unified Diff: LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.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/cssom/get-regions-by-content2-expected.txt ('k') | LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions-expected.txt » ('j') | Source/devtools/front_end/protocol_externs.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.html

diff --git a/LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.html b/LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.html

deleted file mode 100644

index 388845356515252471d4f06bff77a23939530ce4..0000000000000000000000000000000000000000

--- a/LayoutTests/fast/regions/cssom/offsetLeft-offsetTop-in-multiple-regions.html

+++ /dev/null

@@ -1,281 +0,0 @@

-<html>

-<head>

- <style type="text/css">

- /* Make sure the console and the description don't interfere with the rest of the layout. */

- #description {

- position: absolute;

- top: 0px;

- }

- #console {

- position: absolute;

- top: 100px;

- }

- #divMain1 {

- border: 2px solid blue;

- width: 300px;

- height: 226px;

- -webkit-flow-into: flow1;

- }

- #divMain2 {

- border: 2px solid blue;

- width: 211px;

- height: 470px;

- padding-left: 5px;

- margin: 5px;

- margin-left: 10px;

- left: 40px;

- -webkit-flow-into: flow2;

- }

- .divText {

- border: 1px solid green;

- color: green;

- }

- #divText1 {

- width: 200px;

- height: 150px;

- position: relative;

- left: 30px;

- top: 10px;

- }

- #divText2_1 {

- border-color: #009999;

- color: #009999;

- margin: 10px;

- width: 180px;

- height: 140px;

- }

- #divText2_2 {

- width: 203px;

- height: 270px;

- }

- #divText2_3 {

- margin: 4px;

- width: 192px;

- height: 105px;

- position: relative;

- top: 115px;

- color: #777700;

- border-color: #777700;

- }

- #absoluteSpan {

- position: absolute;

- }

- #span {

- position: relative;

- top: 115px;

- left: 24;

- color: black;

- font-size: 12px;

- margin-left: 4px;

- padding: 1px;

- border: 1px solid black;

- }

- #image {

- border: 1px dashed red;

- width: 15px;

- position: relative;

- top: 124px;

- margin-left: 54px;

- }

- #dummy1 {

- width: 100px;

- height: 25px;

- border: 1px solid black;

- margin: 5px;

- margin-left: 20px;

- }

- .region1 {

- -webkit-flow-from: flow1;

- border: 1px solid red;

- position: relative;

- left: 59px;

- top: 429px;

- width: 304px;

- height: 230px;

- }

- .region2 {

- -webkit-flow-from: flow2;

- border: 1px solid red;

- }

- #first_region2 {

- position: relative;

- left: 464px;

- top: -140px;

- width: 500px;

- height: 160px;

- }

- #second_region2 {

- position: relative;

- left: 424px;

- top: -94px;

- width: 330px;

- height: 150px;

- }

- #third_region2 {

- position: relative;

- left: 569px;

- top: -66px;

- width: 282px;

- height: 195px;

- }

- .grid {

- position: absolute;

- top: 700px;

- width: 100px;

- height: 100px;

- border-right: 1px solid blue;

- text-align: right;

- font-size: 14px;

- color: blue;

- }

- .vgrid {

- position: absolute;

- left: 900px;

- width: 100px;

- height: 100px;

- border-bottom: 1px solid blue;

- text-align: bottom;

- font-size: 14px;

- color: blue;

- }

- #grid1 {

- left: 0px;

- }

- #grid2 {

- left: 100px;

- }

- #grid3 {

- left: 200px;

- }

- #grid4 {

- left: 300px;

- }

- #grid5 {

- left: 400px;

- }

- #grid6 {

- left: 500px;

- }

- #grid7 {

- left: 600px;

- }

- #vgrid1 {

- top: 0px;

- }

- #vgrid2 {

- top: 100px;

- }

- #vgrid3 {

- top: 200px;

- }

- #vgrid4 {

- top: 300px;

- }

- #vgrid5 {

- top: 400px;

- }

- #vgrid6 {

- top: 500px;

- }

- #vgrid7 {

- top: 600px;

- }

- #vgrid8 {

- top: 700px;

- border: none;

- }

- </style>

- <script src="../../../resources/js-test.js"></script>

-</head>

-<body id="body">

- <div id="divMain1">

- <div class="divText" id="divText1"></div>

- </div>

- <div id="divMain2">

- <div class="dummy" id="dummy1"></div>

- <div class="divText" id="divText2_1"></div>

- <div class="divText" id="divText2_2">

- <div class="divText" id="divText2_3"></div>

- <img id="image" src="resources/transparent.png"></input>

- </div>

- <div class="region1"></div>

- <div class="region2" id="first_region2"></div>

- <div class="region2" id="second_region2"></div>

- <div class="region2" id="third_region2"></div>

- <div id="grid1" class="grid">100px</div>

- <div id="grid2" class="grid">200px</div>

- <div id="grid3" class="grid">300px</div>

- <div id="grid4" class="grid">400px</div>

- <div id="grid5" class="grid">500px</div>

- <div id="grid6" class="grid">600px</div>

- <div id="grid7" class="grid">700px</div>

- <div id="vgrid1" class="vgrid"></div>

- <div id="vgrid2" class="vgrid">100px</div>

- <div id="vgrid3" class="vgrid">200px</div>

- <div id="vgrid4" class="vgrid">300px</div>

- <div id="vgrid5" class="vgrid">400px</div>

- <div id="vgrid6" class="vgrid">500px</div>

- <div id="vgrid7" class="vgrid">600px</div>

- <div id="vgrid8" class="vgrid">700px</div>

- <script>

- description("Test offsetLeft and offsetTop in a named flow.")

- shouldBe("divText1.offsetParent", "document.body");

- shouldBe("divText1.offsetLeft", "100");

- shouldBe("divText1.offsetTop", "450");

- shouldBe("divText2_1.offsetParent", "document.body");

- shouldBe("divText2_1.offsetLeft", "500");

- shouldBe("divText2_1.offsetTop", "150");

- shouldBe("divText2_2.offsetParent", "document.body");

- shouldBe("divText2_2.offsetLeft", "450");

- shouldBe("divText2_2.offsetTop", "350");

- shouldBe("divText2_3.offsetParent", "document.body");

- shouldBe("divText2_3.offsetLeft", "600");

- shouldBe("divText2_3.offsetTop", "500");

- shouldBe("image.offsetParent", "document.body");

- shouldBe("image.offsetLeft", "650");

- shouldBe("image.offsetTop", "620");

- if (window.testRunner) {

- var allGraphicElements = document.querySelectorAll(".region1, .region2, .divText, .grid, .vgrid, .dummy, #span, #image");

- for (var i=0; i<allGraphicElements.length; i++)

- allGraphicElements[i].style.display = "none";

- }

- </script>

-</body>

-</html>