Bug 157070

Summary: Safari 9 flexbox align-content attribute incorrect behavior
Product: WebKit Reporter: Alexander Bea <alex.bea>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: alex.bea, bfulgham, hyatt, jonlee, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 9   
Hardware: Mac   
OS: OS X 10.11   
See Also: https://bugs.webkit.org/show_bug.cgi?id=209871
Attachments:
Description Flags
Single file demo of the problem none

Alexander Bea
Reported 2016-04-27 07:14:03 PDT
This came up in a Stack Overflow question where flex container contents were floating center when `align-self: flex-end` was set on the child in Safari 9 (1). Turned out that it was align-content: center causing the problem. According to the align-content spec, there should be no effect on a single-line flex container (2). That seems to be the case in other browsers. So the bug is that align-content is having an effect when it shouldn't there. Example cleaned up from SO here for review: http://codepen.io/alexbea/pen/KzBXQJ (1) http://stackoverflow.com/questions/36770602/safari-9-flexbox-align-self-flex-end-doesnt-work (2) https://www.w3.org/TR/css-flexbox-1/#align-content-property
Attachments
Single file demo of the problem (1.24 KB, text/html)
2020-04-01 14:46 PDT, Alexander Bea 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jon Lee
Comment 1 2016-12-15 16:26:32 PST
<rdar://problem/29695099>
Dave Hyatt
Comment 2 2017-02-28 10:45:57 PST
The codepen is gone, so not sure how to test.
Jon Lee
Comment 3 2017-02-28 11:22:07 PST
Move to INVALID due to insufficient info.
Alexander Bea
Comment 4 2017-03-02 07:36:26 PST
I was doing some Codepen account cleanup and accidentally deleted it. I've reproduced it: https://codepen.io/alexbea/pen/RpaNQq
Alexander Bea
Comment 5 2020-04-01 14:46:36 PDT
Created attachment 395204 [details] Single file demo of the problem I'm attaching this demo in case the Codepen demo disappears again.
Brent Fulgham
Comment 6 2022-02-13 19:34:39 PST
I'm afraid I can't see any difference between Safari 15.4 (Beta) and Chrome on this test page. I suspect that this (along with a number of other flex bugs) have been fixed since this was originally filed. Could you please REOPEN if this is still an issue, and perhaps help me understand what I missed when I looked at the test case?
Note You need to log in before you can comment on or make changes to this bug.