The percentage height calculation quirk

Summary

Harness status: OK

Found 52 tests

49 Pass

3 Fail

Details

Result

Test Name

Message

Pass

The percentage height calculation quirk, #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #test { height:50% }<div id=test></div>

Asserts run

Pass

assert_equals("92px", "92px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #test { height:25% }<div id=test></div>

Asserts run

Pass

assert_equals("46px", "46px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #test { height:12.5% }<div id=test></div>

Asserts run

Pass

assert_equals("23px", "23px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #test { height:100% }<div><div id=test></div></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, <img id=test src="{png}" height=100%>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("1px", "1px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("1px", "1px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, <img id=test src="{png}" height=100% border=10>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("1px", "1px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("1px", "1px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, <table id=test height=100%><tr><td></table>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("6px", "6px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("6px", "6px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #test { height:100% }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("100px", "100px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #grid { display:grid } #test { height:100% }<div id=foo><div id=grid><div id=test></div></div></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #grid { display:inline-grid } #test { height:100% }<div id=foo><div id=grid><div id=test></div></div></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #flex { display:flex } #test { height:100% }<div id=foo><div id=flex><div id=test></div></div></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #flex { display:inline-flex } #test { height:100% }<div id=foo><div id=flex><div id=test></div></div></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { position:absolute } #test { height:100% }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { position:relative } #test { height:100% }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #test { height:100%; position:absolute }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("200px", "200px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("200px", "200px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #test { height:100%; position:fixed }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("200px", "200px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("200px", "200px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #test { height:100%; position:relative }<div id=foo><div><div id=test></div></div></div>

Asserts run

Pass

assert_equals("100px", "100px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, #foo { height:100px } #test { height:calc(100% + 1px) }<div id=foo><div id=test></div></div>

Asserts run

Pass

assert_equals("101px", "101px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("101px", "101px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("101px", "101px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Fail

The percentage height calculation quirk, #foo { height:100px } #test { height:5px; height:calc(100% + 1px) }<div id=foo><div><div id=test></div></div></div>

assert_equals: quirks mode expected "0px" but got "101px"

    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:108:17)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:96:13
    at Array.forEach (<anonymous>)

Asserts run

Fail	assert_equals("101px", "0px", "quirks mode") at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

The percentage height calculation quirk, html { display:inline } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { margin:10px } body { display:inline } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("180px", "180px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { margin:0 } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { margin:0; padding:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("180px", "180px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { margin:0; border:10px solid } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("180px", "180px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { margin:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("164px", "164px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { padding:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("164px", "164px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { border:10px solid } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("164px", "164px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { position:absolute } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { position:absolute } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { height:100%; margin:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { height:100%; padding:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { height:100%; border:10px solid } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { height:100%; margin:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { height:100%; padding:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { height:100%; border:10px solid } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { position:absolute; height:100%; margin:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { position:absolute; height:100%; padding:10px } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html { position:absolute; height:100%; border:10px solid } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { margin:99px 0 } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("2px", "2px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, body { margin:110px 0 } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("0px", "0px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html, body { border:10px none } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, html, body { border:10px hidden } #test { height:100% }<div id=test></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:108:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:111:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:114:17)

Pass

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><body><div id="test"/></body></html>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Pass

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><body/><div id="test"/></html>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Fail

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><span><body><div id="test"/></body></span></html>

assert_equals: quirks mode expected "200px" but got "184px"

    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:142:17)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:135:13
    at Array.forEach (<anonymous>)

Asserts run

Fail	assert_equals("184px", "200px", "quirks mode") at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Fail

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><body><body><div id="test"/></body></body></html>

assert_equals: quirks mode expected "200px" but got "168px"

    at Test.<anonymous> (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:142:17)
    at Test.step (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:2642:25)
    at test (https://xn--n8j6ds53lwwkrqhv28a.wpt.live/resources/testharness.js:633:30)
    at https://xn--n8j6ds53lwwkrqhv28a.wpt.live/quirks/percentage-height-calculation.html:135:13
    at Array.forEach (<anonymous>)

Asserts run

Fail	assert_equals("168px", "200px", "quirks mode") at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

The percentage height calculation quirk, <html><head xmlns="{html}"><style>#test { height:100% }</style></head><body xmlns="{html}"><div id="test"/></body></html>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Pass

The percentage height calculation quirk, <div xmlns="{html}"><head><style>#test { height:100% }</style></head><body><div id="test"/></body></div>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Pass

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><body xmlns=""><div xmlns="{html}" id="test"/></body></html>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Pass

The percentage height calculation quirk, <HTML xmlns="{html}"><head><style>#test { height:100% }</style></head><body><div id="test"/></body></HTML>

Asserts run

Pass

assert_equals("184px", "184px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)

Pass

The percentage height calculation quirk, <html xmlns="{html}"><head><style>#test { height:100% }</style></head><BODY><div id="test"/></BODY></html>

Asserts run

Pass

assert_equals("200px", "200px", "quirks mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:142:17)

Pass

assert_equals("0px", "0px", "almost standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:145:17)

Pass

assert_equals("0px", "0px", "standards mode")
    at Test.<anonymous> ( /quirks/percentage-height-calculation.html:148:17)