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>
Severity: Normal CC: ojan, tony
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on: 88443    
Bug Blocks: 62048    
Description Flags
test case none

Description Eric 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.
Comment 1 Eric 2012-06-05 20:35:18 PDT
Created attachment 145921 [details]
test case
Comment 2 Ojan Vafai 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.
Comment 3 Tony Chang 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.
Comment 4 Tony Chang 2012-06-13 13:52:57 PDT
This works for me now on Chrome Canary.  Looks like bug 88443 landing fixed this.