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 Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED WORKSFORME

Severity:

Normal

CC:

ojan, tony

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

88443

Bug Blocks:

62048

Attachments:

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.