NEW 151040
When centering horizontally, li's get cut off 
https://bugs.webkit.org/show_bug.cgi?id=151040
Summary When centering horizontally, li's get cut off
s6132626
Reported 2015-11-09 10:12:15 PST
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
Attachments
Add attachment proposed patch, testcase, etc.
Note You need to log in before you can comment on or make changes to this bug.