[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


https://bugs.webkit.org/show_bug.cgi?id=151965

            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):

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

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