Bug 111705
| Summary: | CSS Column height incorrectly set when only 1 column | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Andi Smith <andi.smith.uk+webkit> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | bfulgham |
| Priority: | P3 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac | ||
| OS: | OS X 10.7 | ||
| URL: | http://jsfiddle.net/andismith/dNSK9/ | ||
Andi Smith
When using -webkit-column-count: 2 with an unordered list, if you set an height property on your list item, it will not be respected for lists with only 1 item; but it will work for lists with more than 1 item.
See JSFiddle for demo. - http://jsfiddle.net/andismith/dNSK9/
Steps to reproduce:
- Create an unordered list with 2 items
- Add -webkit-column-count: 2 to the UL
- Add a height to the LI (large heights work better for debugging)
- Load and observe the height is as specified.
- Remove one of the LI items
- Reload and observe the height is no longer correct.
Expected Behaviour:
- Single list item maintains correct height.
Actual Behaviour
- Single list item ignores height.
Build Dates:
Occurs on Mac in Chrome 25, Chrome Canary 27, Safari 6, Webkit Nightly (7th March 2013)
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
Safari and Chrome handle this the same way. Gecko doesn't seem to support the column feature. I don't believe any issue remains.