OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <!-- | |
4 The content from a flow is displayed into a region. The content fills up the
region and the remaining content is not displayed. | |
5 This test shows that the content in the region cannot be scrolled. On succes
s, you should see a green box followed by 'PASS'. | |
6 --> | |
7 <head> | |
8 <style> | |
9 .box { | |
10 width: 100px; | |
11 height: 100px; | |
12 } | |
13 | |
14 #flow { | |
15 -webkit-flow-into: article; | |
16 } | |
17 | |
18 #region { | |
19 -webkit-flow-from: article; | |
20 overflow: hidden; | |
21 } | |
22 | |
23 #greenBox { | |
24 background-color: green; | |
25 } | |
26 | |
27 #redBox { | |
28 background-color: red; | |
29 } | |
30 </style> | |
31 <script> | |
32 if (window.testRunner) | |
33 testRunner.dumpAsText(); | |
34 | |
35 function test() | |
36 { | |
37 document.getElementById('redBox').scrollIntoView(false); | |
38 var element = document.elementFromPoint(50, 50); | |
39 | |
40 // Check whether the red box was moved upwards. | |
41 if (element == document.getElementById('redBox')) | |
42 document.getElementById('result').innerText = "FAIL"; | |
43 } | |
44 </script> | |
45 </head> | |
46 <body onload="test()"> | |
47 <div id="flow"> | |
48 <div id="greenBox" class="box"></div> | |
49 <div id="redBox" class="box"></div> | |
50 </div> | |
51 <div id="region" class="box"></div> | |
52 <div id="result">PASS</div> | |
53 </body> | |
54 </html> | |
OLD | NEW |