| 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 |
|---|
Chromium Code Reviews
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