Open
Description
https://quirks.spec.whatwg.org/#the-percentage-height-calculation-quirk
In quirks mode, for the purpose of calculating the height of an element element, if [...] the specified value for the height property of element is a
<percentage>
[...] the containing block of element must be calculated using the following algorithm
It only mentions <percentage>
, but this was written before CSS Sizing introduced stretch
.
Arguably, as per https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing
- Otherwise, if used in an axis where percentage sizes can resolve to a definite value
Behaves as 100%, except it sizes the margin box regardless of the value of box-sizing.
if 100%
would have the quirk, stretch
should also have it?
Browsers don't agree: Blink and WebKit apply the quirk for stretch
/ -webkit-fill-avaialble
, while Firefox doesn't for -moz-available
.
<!-- quirks -->
<div style="height: -moz-available; height: -webkit-fill-available; height: stretch; background: cyan">foo</div>