CSS Flexbox: flex items don't collapse margins

Summary

Harness status: OK

Found 1 tests

1 Fail

Details

Result

Test Name

Message

Fail

.flexbox 1

assert_equals: <div class="flexbox" style="position: relative"> <div data-offset-x="0" data-offset-y="0" data-expected-width="120" data-expected-height="120"> <p data-offset-x="10" data-offset-y="10" data-expected-width="100" data-expected-height="100"></p> </div> </div> width expected 120 but got 1264

    at assert_tolerance (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:24:9)
    at checkExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:72:9)
    at checkSubtreeExpectedValues (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:7:25)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/check-layout-th.js:9:26
    at NodeList.forEach (<anonymous>)

Asserts run

Pass	assert_true(true, "data-offset-x is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-offset-y is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-width is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Pass	assert_true(true, "data-expected-height is a valid data attribute") at checkDataKeys ( /resources/check-layout-th.js:61:13)
Fail	assert_equals(1264, 120, "\n<div class=\"flexbox\" style=\"position: relative\">\n <div data-offset-x=\"0\" data-offset-y=\"0\" data-expected-width=\"120\" data-expected-height=\"120\">\n <p data-offset-x=\"10\" data-offset-y=\"10\" data-expected-width=\"100\" data-expected-height=\"100\"></p>\n </div>\n</div>\nwidth") at assert_tolerance ( /resources/check-layout-th.js:24:9)