| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>CSS Test: flow-into on list items that have the "value" HTML attr
ibute set</title> | |
| 5 <link rel="author" title="Mihai Balan" href="mibalan@adobe.com"> | |
| 6 <link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and
-rules" /> | |
| 7 <link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-
property" /> | |
| 8 <link rel="help" href="http://www.whatwg.org/specs/web-apps/current-work
/multipage/grouping-content.html#attr-li-value"> | |
| 9 <link rel="stylesheet" type="text/css" href="../resources/font-smoothing
-disabler.css"> | |
| 10 <meta name="flags" content=""> | |
| 11 <meta name="assert" content="The flow-into property can be applied to in
dividual list items. List items extracted in named flows and flowed into regions
must preserve their correct numbering when some of the items have the value att
ribute set but others don't."> | |
| 12 <style> | |
| 13 ol, li { | |
| 14 margin: 0; | |
| 15 padding: 0; | |
| 16 } | |
| 17 .extract { | |
| 18 -webkit-flow-into: f; | |
| 19 } | |
| 20 .box { | |
| 21 float: left; | |
| 22 width: 20em; | |
| 23 height: 10em; | |
| 24 margin: 0 2em; | |
| 25 } | |
| 26 #container { | |
| 27 background-color: lightgray; | |
| 28 } | |
| 29 #region { | |
| 30 -webkit-flow-from: f; | |
| 31 background-color: lightgreen; | |
| 32 } | |
| 33 </style> | |
| 34 </head> | |
| 35 <body> | |
| 36 <p>This test passes if you see two rectangles, each with a numbered list
inside, as described below. The numbers for both of the lists should be rendere
d outside (to the left) of the respective rectangles.</p> | |
| 37 <p>The first rectangle should be lightgray and contain a numbered list w
ith 5 items. The items should be numbered with 2, 3, 8, 10 and 11 respectively.<
/p> | |
| 38 <p>The second rectangle should be lightgreen and contain a numbered list
with 4 items. The items should be numbered with 1, 6, 7 and 9 respectively.</p> | |
| 39 <div class="box" id="container"> | |
| 40 <ol> | |
| 41 <li class="extract">List item 1</li> | |
| 42 <li>List item 2</li> | |
| 43 <li value="3">List item 3</li> | |
| 44 <li class="extract" value="6">List item 6</li> | |
| 45 <li class="extract">List item 7</li> | |
| 46 <li>List item 8</li> | |
| 47 <li class="extract">List item 9</li> | |
| 48 <li value="10">List item 10</li> | |
| 49 <li>List item 11</li> | |
| 50 </ol> | |
| 51 </div> | |
| 52 <div class="box" id="region"></div> | |
| 53 </body> | |
| 54 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 159933010:
Remove everything region-specific from LayoutTests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master