| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <title>228566 - [CSS Regions] Elements in a region should be assignable
to a named flow</title> | |
| 4 <style type="text/css"> | |
| 5 .content { | |
| 6 -webkit-flow-into: flow; | |
| 7 } | |
| 8 .region { | |
| 9 -webkit-flow-from: flow; | |
| 10 border:solid 1px red; | |
| 11 } | |
| 12 | |
| 13 .redirectContent { | |
| 14 -webkit-flow-into: redirectFlow; | |
| 15 } | |
| 16 .redirectRegion { | |
| 17 -webkit-flow-from: redirectFlow; | |
| 18 border:solid 1px blue; | |
| 19 margin-top: 10px; | |
| 20 margin-bottom: 10px; | |
| 21 } | |
| 22 | |
| 23 .redirectContent2 { | |
| 24 -webkit-flow-into: redirectFlow2; | |
| 25 } | |
| 26 .redirectRegion2 { | |
| 27 -webkit-flow-from: redirectFlow2; | |
| 28 border:solid 1px green; | |
| 29 } | |
| 30 | |
| 31 .redirectContentToNowhere { | |
| 32 -webkit-flow-into: redirectToNowhere; | |
| 33 } | |
| 34 | |
| 35 .displayNone { | |
| 36 display: none; | |
| 37 } | |
| 38 </style> | |
| 39 </head> | |
| 40 | |
| 41 <body> | |
| 42 <div class="content">PASS r0: content that goes in the region.</div> | |
| 43 <div class="region"> | |
| 44 FAIL: this should not be visible 1. | |
| 45 | |
| 46 <span class="redirectContentToNowhere">FAIL: this should not be visi
ble (redirected to nowhere) 1.</span> | |
| 47 | |
| 48 <div class="redirectContent">PASS r1: content in the region that has
flow-into. 1.</div> | |
| 49 | |
| 50 FAIL: this should not be visible 2. | |
| 51 | |
| 52 <div> | |
| 53 FAIL: this should not be visible 3. | |
| 54 | |
| 55 <div class="redirectContent">PASS r1: (enclosed in a div) conten
t in the region that has flow-into. 2. | |
| 56 <div class="redirectContentToNowhere">FAIL: this should not
be visible (redirected to nowhere) 2.</div> | |
| 57 <b><br/>PASS r1: (b enclosed in the div above) content in th
e region that has flow-into. 3.</b> | |
| 58 </div> | |
| 59 | |
| 60 FAIL: this should not be visible 4. | |
| 61 </div> | |
| 62 | |
| 63 <div> | |
| 64 FAIL: this should not be visible 5. | |
| 65 | |
| 66 <div class="redirectContent">PASS r1: (enclosed in a div) conten
t in the region that has flow-into. 4. | |
| 67 <span class="redirectContent2">PASS r2: content that is alre
ady in a flow goes to another flow | |
| 68 <span class="redirectContentToNowhere">FAIL: this should
not be visible (redirected to nowhere) 3.</span>. | |
| 69 </span> | |
| 70 </div> | |
| 71 | |
| 72 FAIL: this should not be visible 7. | |
| 73 </div> | |
| 74 | |
| 75 FAIL: this should not be visible 8. | |
| 76 | |
| 77 <span class="redirectContentToNowhere">FAIL: this should not be visi
ble (redirected to nowhere) 4.</span> | |
| 78 | |
| 79 <div class="redirectContent">PASS r1: content in the region that has
flow-into. 5.</div> | |
| 80 | |
| 81 FAIL: this should not be visible 9. | |
| 82 | |
| 83 <div> | |
| 84 FAIL: this should not be visible 10. | |
| 85 | |
| 86 <svg class="redirectContent" xmlns="http://www.w3.org/2000/svg"
version="1.1" height="70"> | |
| 87 <text x="0" y="15">PASS: SVG text</text> | |
| 88 <text x="0" y="30" class="redirectContentToNowhere">PASS: SV
G text redirected to a flow without regions. only svg root elements are directly
collected by a render flow thread.</text> | |
| 89 <text x="0" y="45" class="redirectContent2">PASS: SVG text r
edirected to a flow with regions. only svg root elements are directly collected
by a render flow thread.</text> | |
| 90 </svg> | |
| 91 | |
| 92 FAIL: this should not be visible 11. | |
| 93 </div> | |
| 94 | |
| 95 <div class="displayNone"> | |
| 96 FAIL: this should not be visible 12. | |
| 97 | |
| 98 <div class="redirectContent">FAIL r1: (enclosed in a div) conten
t in the region that has flow-into but display:none | |
| 99 <div class="redirectContentToNowhere">FAIL: this should not
be visible (redirected to nowhere AND display:none)</div> | |
| 100 <b><br/>FAIL r1: (b enclosed in the div above) content in th
e region that has flow-into but display:none</b> | |
| 101 </div> | |
| 102 | |
| 103 FAIL: this should not be visible 13. | |
| 104 </div> | |
| 105 </div> | |
| 106 | |
| 107 <div class="redirectRegion"> | |
| 108 FAIL: this should not be visible 14. | |
| 109 </div> | |
| 110 | |
| 111 <div class="redirectRegion2"> | |
| 112 FAIL: this should not be visible 15. | |
| 113 </div> | |
| 114 | |
| 115 <p><a href="http://code.google.com/p/chromium/issues/detail?id=228566">B
ug 228566</a> - [CSS Regions] Elements in a region should be assignable to a nam
ed flow</p> | |
| 116 </body> | |
| 117 </html> | |
| OLD | NEW |