-webkit-fill-available and stretch

[karlcow]

Extracting a comment from interop discussions
Just as a placeholder for now.

width/height, (min|max)-(width|height) with the value stretch

• Firefox
  • Unprefix -moz-fit-content and -moz-available keywords. This is a Webcompat Priority P2 for Mozilla, as it creates webcompat issues.
  • support -moz-fit-content, and -moz-available for height/min-height/max-height (block axis)
  • [css-sizing][meta] implement CSS Intrinsic & Extrinsic Sizing Module Level 3
• Chromium
  • Behavior of width:-webkit-fill-available Chromium
  • [css-sizing] Unprefix fill/stretch-fit keyword when ready
• WebKit
  • Nothing specific but a list of related bugs
• CSS WG
  • CSS Box Sizing Module Level 4: stretch old value

It's a mess.

Two years ago I was wondering if there was a counter for -webkit-fill-available @foolip

Originally posted by @karlcow in web-platform-tests/interop-2022-viewport#18 (comment)

[gsnedders]

Given this is implemented everywhere today, does it make sense to just handle this in the CSS WG rather than in the Compat WS?

[miketaylr]

Given this is implemented everywhere today, does it make sense to just handle this in the CSS WG rather than in the Compat WS?

Sounds like a better destination, yes.

[karlcow]

Yes it does, hence my Just as a placeholder for now..
aka paper trail for future references.

[karlcow]

And I realize this can be read as a placeholder in the spec. This is not it. I'm talking about a placeholder in the issues list :) aka there is an entry in the issues list of compat repo if someone is looking for information here so we can redirect to the right place.

[karlcow]

see https://bugzilla.mozilla.org/show_bug.cgi?id=1896571
where the site is not scrollable in Firefox.

[karlcow]

@miketaylr in #269

Firefox is shipping this, see: https://groups.google.com/a/mozilla.org/g/dev-platform/c/-pMSV-kgUjA/m/VRL09R1NAAAJ

[karlcow]

Also note

• Gecko - Consider supporting -webkit-fill-available as an alias for -moz-available (extended to work in the height axis)
• Gecko - [css-sizing-4] Implement stretch keyword for sizing properties)
• WebKit - Implement stretch css sizing value (-webkit-fill-available))