649648 - Implement CSS3 multicol break-inside property

Status: RESOLVED DUPLICATE of bug 549114

(Core :: Layout: Block and Inline, defect)

Description

[Oskar Ivanić (:icecold)]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; rv:6.0a1) Gecko/20110412 Firefox/6.0a1
Build Identifier: 

Some of tweets are clipped and cut off  in Firefox on IE test drive Tweet Columns, while in IE10 Platform Preview are ok.

Reproducible: Always

Comment 1

[Boris Zbarsky [:bzbarsky]]

Can you post a screenshot showing what you see, please?  I don't see anything obviously cut off here....

Comment 2

[Oskar Ivanić (:icecold)]

Jump on 1:00 to see what I'm talking about. (http://bit.ly/eCBiLN)

Comment 3

[Boris Zbarsky [:bzbarsky]]

Those aren't clipped.  There are just column breaks in the middle of the tweet.

As far as I can tell, that's the correct behavior given the markup on that page.

Comment 4

[Boris Zbarsky [:bzbarsky]]

And in particular, the page has these styles:

    -o-break-inside: avoid;         /* multicolumn */
    -webkit-break-inside: avoid;    /* multicolumn */
    -moz-break-inside: avoid;       /* multicolumn */
    break-inside: avoid;            /* multicolumn */

But there is no -moz-break-inside property and we don't support break-inside, so we break inside the tweets if that's where the column breaks come.  The "cut off" in the video is just a lie....

I guess we could use this bug to track implementing "break-inside".

Comment 5

[cobexer]

duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=549114 ?

Comment 6

[Boris Zbarsky [:bzbarsky]]

Yes.