| OLD | NEW |
| (Empty) |
| 1 | |
| 2 CSS Display: Computed style for display:contents | |
| 3 | |
| 4 | |
| 5 | |
| 6 | |
| 7 | |
| 8 | |
| 9 | |
| 10 html, .contents { display: contents } | |
| 11 | |
| 12 #t2 .contents { background-color: green } | |
| 13 #t2 span { background-color: inherit } | |
| 14 | |
| 15 #t3 .contents { color: green } | |
| 16 | |
| 17 #t4 { display: flex; align-items: center } | |
| 18 #t4 .contents { align-items: baseline } | |
| 19 #t4 span { align-self: auto } | |
| 20 | |
| 21 #t5 { | |
| 22 width: auto; | |
| 23 height: 50%; | |
| 24 margin-left: 25%; | |
| 25 padding-top: 10%; | |
| 26 } | |
| 27 | |
| 28 This is a testharness.js-based test. | |
| 29 PASS Serialization of computed style value for display:contents | |
| 30 PASS display:contents element as inherit parent - explicit inheritance | |
| 31 PASS display:contents element as inherit parent - implicit inheritance | |
| 32 PASS align-self:auto resolution for flex item inside display:contents | |
| 33 PASS Resolved value should be computed value, not used value, for display:conten
ts | |
| 34 FAIL display:contents is blockified for root elements assert_equals: expected "b
lock" but got "contents" | |
| 35 Harness: the test ran to completion. | |
| 36 | |
| OLD | NEW |