[Webkit-unassigned] [Bug 151040] New: When centering horizontally, li's get cut off

[bugzilla-daemon at webkit.org]

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

            Bug ID: 151040
           Summary: When centering horizontally, li's get cut off
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: PC
                OS: Windows 10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: s6132626 at gmail.com

I am trying to layout li's using flexbox. I have them set to column, with 3 li's in each column. The problem is when I want the ul centered.

I am centering the ul using align-content: center. When I do that, and have more li's than the page can show (overflowed), the li's at the beginning get cut off. (The ones on the left side get cut off, but the ones on the right side display fine.)

I will not have a specific number of li's, it could range from 4 to 50. So I therefore cannot remove align-content: center, because when I have a small amount of li's, (let's say 4), the results are not what I want.

How can I center the ul without having it get cut off?


http://jsfiddle.net/c06zq2xg/

I posted this on stackoverflow: http://stackoverflow.com/questions/33590889/when-centering-horizontally-lis-get-cut-off

-- 
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/20151109/a8448089/attachment.html>