Implement stretch css sizing value (-webkit-fill-available) 
https://bugs.webkit.org/show_bug.cgi?id=277117
Summary Implement stretch css sizing value (-webkit-fill-available)
Karl Dubost
Reported 2024-07-25 19:48:39 PDT
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
Attachments
rendering in safari, firefox, chrome (mozilla test case) (939.52 KB, image/png)
2024-11-25 17:04 PST, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Karl Dubost
Comment 1 2024-07-25 19:50:16 PDT
One possibility is to make `-webkit-fill-available`, an alias of `stretch` IF it doesn't create webcompat issues.
Radar WebKit Bug Importer
Comment 2 2024-07-25 19:50:25 PDT
<rdar://problem/132539604>
Note You need to log in before you can comment on or make changes to this bug.