Skip to content

[css-sizing][quirks] Should stretch be affected by percentage height calculation quirk? #12421

Open
@Loirooriol

Description

@Loirooriol

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>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions