Bug 277117

Summary: Implement stretch css sizing value (-webkit-fill-available)
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: dgrogan, koivisto, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Other   
Hardware: Unspecified   
OS: Unspecified   
URL: https://drafts.csswg.org/css-sizing-4/#valdef-width-stretch
Attachments:
Description Flags
rendering in safari, firefox, chrome (mozilla test case) none

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.