Bug 243882

Summary:	[css-flexbox] align-content behavior does not match the spec for absolutely positioned children
Product:	WebKit	Reporter:	Ryan Reno <rreno>
Component:	CSS	Assignee:	Ryan Reno <rreno>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	rreno, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	WebKit Nightly Build
Hardware:	Unspecified
OS:	Unspecified

Description Ryan Reno 2022-08-12 09:18:25 PDT

The static position of absolutely positioned children of multi-line flex containers will use the container's align-content to position the child when webkit.org/b/221472 is resolved. However, we will maintain our current behavior for the case of align-content: stretch. This is contrary to the spec which calls for a fallback to align-content: flex-start when the available space in the container is negative. (e.g. when the child is larger than the container).

This fallback behavior is ignored by all major engines and has been shipping with agreement for quite a while. Additionally, stretch is the normal, or default, behavior of align-content. A change in behavior here may have webcompat consequences. I raised an issue with the CSSWG to change the spec to match current browser behavior. Until that is resolved, this bug tracks the unspecified behavior we implement in WebKit for this one case.

CSSWG issue: https://github.com/w3c/csswg-drafts/issues/7596

Comment 1 Radar WebKit Bug Importer 2022-08-12 09:39:42 PDT

<rdar://problem/98573100>

Comment 2 Ryan Reno 2022-08-24 10:30:33 PDT

The CSSWG resolved this issue in today's call. https://github.com/w3c/csswg-drafts/issues/7596#issuecomment-1225952646

tl;dr the spec will tell engines to ignore align-content for abspos children.

Comment 3 Ryan Reno 2022-10-25 09:10:35 PDT

Spec has changed.