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 |