[Webkit-unassigned] [Bug 151965] New: Incorrect behavior when flex box item grows past container bounds

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Dec 7 14:07:00 PST 2015


            Bug ID: 151965
           Summary: Incorrect behavior when flex box item grows past
                    container bounds
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: All
                OS: Mac OS X 10.11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jonlee at apple.com
                CC: dino at apple.com, hyatt at apple.com,
                    simon.fraser at apple.com

(After 151957) If a flex box item grows such that the container has to be stretched past its bounds, subsequent flex box items are clipped.

The structure I have is (simplification of animometer structure):

        <div class="spacer"></div>
        <div id="section-container"></div>
        <div class="spacer"></div>

html,body { height: 100%; }
main {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: column;
.spacer {
    flex: 1 0 20px;
    width: 10px;

If #section-container ends up being taller than the viewport (which is greater than the container bounds), the lower spacer is clipped off. This works in Firefox and Chrome.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151207/f46d690b/attachment.html>

More information about the webkit-unassigned mailing list