Skip to content

[css-grid] Resolving percentage heights of grid items during min-content sizing #2674

@FremyCompany

Description

@FremyCompany

When a grid item

  • is found inside a container whose track is mimax(min-content, 1fr) or 1fr
  • has height:100%

How do you compute the min-content height of the track?

  • Usually in CSS we ignored height:100% as height:auto
  • However sometimes we resolve to height:0 during that phase
    (for instance see table cells children having overflow:scroll)

https://wptest.center/#/gawww8 (replaced element)
https://wptest.center/#/v298y2 (in wrapper)
https://wptest.center/#/18osz0 (in wrapper with overflow)

Currently:

  • Edge does auto auto auto
  • Chrome/Firefox do 0 auto auto
  • My feeling is we should all do auto auto 0

Is some behavior defined in the spec? Is it the behavior we want?

Metadata

Metadata