Bug 277117 – Implement CSS Box Sizing stretch keyword

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

[Karl Dubost]

On https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch

stretch is defined as:

   Applies stretch-fit sizing, attempting to match the size 
   of the box’s margin box to the size of its containing block. 
   See § 6.1 Stretch-fit Sizing: filling the containing block.

to note that this behavior is currently covered by -webkit-fill-available.

This value also creates webcompat issues for Firefox/Gecko
https://groups.google.com/a/mozilla.org/g/dev-platform/c/-pMSV-kgUjA/m/VRL09R1NAAAJ
-webkit-fill-available: https://bugzilla.mozilla.org/show_bug.cgi?id=1872755
stretch: https://bugzilla.mozilla.org/show_bug.cgi?id=1789477

Webcompat issue
https://webcompat.com/issues/115962
https://webcompat.com/issues/92483
https://webcompat.com/issues/56698

[Karl Dubost]

One possibility is to make `-webkit-fill-available`, an alias of `stretch` 
IF it doesn't create webcompat issues.

[Radar WebKit Bug Importer]

<rdar://problem/132539604>

[Karl Dubost]

Created attachment 473367 [details]
rendering in safari, firefox, chrome (mozilla test case)

SeeAlso https://bugzilla.mozilla.org/show_bug.cgi?id=1933288
https://bugzilla.mozilla.org/attachment.cgi?id=9439837
https://github.com/web-platform-tests/wpt/pull/49364

[Tim Nguyen (:ntim)]

*** Bug 292076 has been marked as a duplicate of this bug. ***

[Tim Nguyen (:ntim)]

*** Bug 300661 has been marked as a duplicate of this bug. ***

[Anne van Kesteren]

Pull request: https://github.com/WebKit/WebKit/pull/59705

[EWS]

Committed 309405@main (fdfcbee33b6e): <https://commits.webkit.org/309405@main>

Reviewed commits have been landed. Closing PR #59705 and removing active labels.

[Anne van Kesteren]

*** Bug 241104 has been marked as a duplicate of this bug. ***