OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <head> | |
4 <script src="../../../resources/js-test.js"></script> | |
5 <script src="../resources/helper.js"></script> | |
6 <style> | |
7 .border { border: 1px solid red; } | |
8 #box1 { -webkit-flow-into: flow; position: absolute; width: 50px; height: 50
px; background-color: green; top: 25px; left: 25px; } | |
9 #region1 { -webkit-flow-from: flow; width: 100px; height: 100px; position: a
bsolute; top: 100px; left: 50px; } | |
10 </style> | |
11 </head> | |
12 <body> | |
13 <div id="description"></div> | |
14 <div id="wrapper"><div id="box1"></div></div> | |
15 <div id="region1" class="border"></div> | |
16 <script> | |
17 if (window.layoutTestController) | |
18 layoutTestController.dumpAsText(); | |
19 | |
20 debug("[CSSRegions] Test for Region::getRegionFlowRanges for absolute positi
oned elements"); | |
21 var region1 = document.getElementById("region1"); | |
22 range1 = region1.webkitGetRegionFlowRanges(); | |
23 shouldEvaluateTo("range1.length", 1); | |
24 compareArrays(getRangeAt(range1, 0), ["wrapper", 0, "wrapper", 1]); | |
25 | |
26 function hideRegionsAndFlows() { | |
27 document.getElementById("region1").style.visibility = "hidden"; | |
28 } | |
29 | |
30 hideRegionsAndFlows(); | |
31 </script> | |
32 </body> | |
33 </html> | |
OLD | NEW |