531791 - Overflows of non-floated elements not being clipped within -moz-column

Status: RESOLVED DUPLICATE of bug 372053

(Core :: Layout, defect)

Description

[Yaili]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2b3) Gecko/20091115 Firefox/3.6b3
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2b3) Gecko/20091115 Firefox/3.6b3

An element that is not floated within a column (in the example, the green div on the second block of columns) isn't correctly clipped in the middle of the column gap.

The floated element (in the example, the red one div) correctly overlaps the columns. 

Reproducible: Always

Steps to Reproduce:
1. Created columns using the -moz-column-gap, -moz-column-rule and -moz-column-width properties
2. Added the non floated div to the first column of content


Expected Results:  
According to the W3C specs: "Content in the normal flow that extends into column gaps (e.g., long words) is clipped in the middle of the column gap.

    Floats that are wider than the column box intrude into neighboring columns. "

http://www.w3.org/TR/css3-multicol/#overflow-and-multicol-elements

So the non-floated element should be clipped right in the middle of the column gap.

Comment 1

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

Hmmm.  I'm not sure how much I like that part of the spec.  It sounds hard to implement.

Comment 2

[Oli Studholme]

See also https://bugzilla.mozilla.org/show_bug.cgi?id=372053 “[columns] clip column box overflow (or not?)”