Bug 88390

Summary: Can't justify content when only child of flex container is a text node
Product: WebKit Reporter: Eric <ericbidelman>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED WORKSFORME    
Severity: Normal CC: ojan, tony
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on: 88443    
Bug Blocks: 62048    
Attachments:
Description Flags
test case none

Eric
Reported 2012-06-05 20:34:54 PDT
-webkit-justify-conten doesn't do anything. See attached. The text is the only child of the parent <div> (flex container) and it should be centered vert/horiztonally.
Attachments
test case (228 bytes, text/html)
2012-06-05 20:35 PDT, Eric 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Eric
Comment 1 2012-06-05 20:35:18 PDT
Created attachment 145921 [details] test case
Ojan Vafai
Comment 2 2012-06-05 20:55:18 PDT
Looks like it might have been a renaming regression as well. Changing the test-case to the old names makes the text center on Chrome 21.0.1155.2 (Official Build 139341) dev.
Tony Chang
Comment 3 2012-06-06 09:44:41 PDT
Ah, this is because of the change in the initial value of flex. Since the initial value is 1, the text stretches to take all the space and there's no room for justify-content. This was brought up on the spec mailing list as to why we shouldn't have flexing by default.
Tony Chang
Comment 4 2012-06-13 13:52:57 PDT
This works for me now on Chrome Canary. Looks like bug 88443 landing fixed this.
Note You need to log in before you can comment on or make changes to this bug.