| |
| CSS Display: Computed style for display:contents |
| |
| |
| |
| |
| |
| |
| |
| html, .contents { display: contents } |
| |
| #t2 .contents { background-color: green } |
| #t2 span { background-color: inherit } |
| |
| #t3 .contents { color: green } |
| |
| #t4 { display: flex; align-items: center } |
| #t4 .contents { align-items: baseline } |
| #t4 span { align-self: auto } |
| |
| #t5 { |
| width: auto; |
| height: 50%; |
| margin-left: 25%; |
| padding-top: 10%; |
| } |
| |
| This is a testharness.js-based test. |
| PASS Serialization of computed style value for display:contents |
| PASS display:contents element as inherit parent - explicit inheritance |
| PASS display:contents element as inherit parent - implicit inheritance |
| PASS align-self:auto resolution for flex item inside display:contents |
| PASS Resolved value should be computed value, not used value, for display:contents |
| FAIL display:contents is blockified for root elements assert_equals: expected "block" but got "contents" |
| Harness: the test ran to completion. |
| |