Bug 111705 - CSS Column height incorrectly set when only 1 column
Summary: CSS Column height incorrectly set when only 1 column
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.7
: P3 Normal
Assignee: Nobody
URL: http://jsfiddle.net/andismith/dNSK9/
Keywords:
Depends on:
Blocks:
 
Reported: 2013-03-07 03:24 PST by Andi Smith
Modified: 2022-07-13 14:20 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Andi Smith 2013-03-07 03:24:31 PST 
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)
Comment 1 Brent Fulgham 2022-07-13 14:20:21 PDT 
Safari and Chrome handle this the same way. Gecko doesn't seem to support the column feature. I don't believe any issue remains.