CSS3 Flex and Multi-Column Layout does not scroll X or Y when overflow present

• Component: New Bugs
• Status: UNCONFIRMED ---

[John A. Bilicki III]

I've attached a test case. The intended purpose of this layout is to be used as an image uploader. The right column for the form with image previews and the left main column a multi-column list of uploaded images on a web server.

In WebKit browsers (using Safari build 7534.54.16) and Chrome there is no scrolling x or y on the left division element regardless of the amount of overflow.

Gecko recently updated how they handle this and in Firefox 13+ (not 12 or older) the left column scrolls vertically (much more desirable) which is what appears to be the case when using autoscroll / middle mouse button in Safari and Chrome as it is possible to partially scroll overflow content that way however this is obviously that overflow content would still obviously be hidden from most people especially non-technical people. This implies that the vertical scrollbar should be displayed though is not.

[John A. Bilicki III]

Created attachment 137196 [details]
Example of flex and multi-column layout where overflow fails to create a scrollbar.

[Tony Chang]

To be clear, this is with the old flexbox (display: -webkit-box).  This should work properly for new flexbox (display: -webkit-flexbox).