708919 - Firefox does not show list in columns, using column-width or column-count

Status: RESOLVED INVALID

(Core :: Layout, defect, P3)

Description

[kipod]

Attachment: test.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:9.0) Gecko/20100101 Firefox/9.0
Build ID: 20111130065942

Steps to reproduce:

viewed a site which uses -moz-column-width or -moz-column-count


Actual results:

list does not show in columns


Expected results:

list should appear in columns

Comment 1

[j.j.]

Attachment: cross-browser testcase

Comment 2

[Scott Johnson (:jwir3)]

Attachment: testcase, redone with style element in head

I am getting this to work with the following testcase. I noticed that when I download the testcase, it works fine, but when I simply click on it to load it in FF, it doesn't. This might be because when I load the file directly, there is a space between 'style' and '=' in the ul and ol elements. 

Can you confirm that you're seeing the same behavior as I am?

Comment 3

[Scott Johnson (:jwir3)]

Attachment: testcase, redone with style element in head

Comment 4

[Scott Johnson (:jwir3)]

Attachment: another testcase, without spacing between style argument and =

Comment 5

[Scott Johnson (:jwir3)]

Both of the attached testcases show up in columns for me.

Comment 6

[kipod]

(In reply to Scott Johnson (:jwir3) from comment #5)
> Both of the attached testcases show up in columns for me.

funny that you say "both". there are 3 testcases. the first one still shows in single column in FF and multicolumn elsewhere (chrome, safari).

the other 2 cases show in columns for me too (FF 12.0 beta)

Comment 7

[Scott Johnson (:jwir3)]

(In reply to kipod from comment #6)
> funny that you say "both". there are 3 testcases. the first one still shows
> in single column in FF and multicolumn elsewhere (chrome, safari).

Well, I think the original test case is invalid: "â-moz-column-count: 4" and "â-moz-column-width: 20em" are not valid styles. See the 'details' page of attachment 582061 [details] [diff] [review]. I missed this the first time, because it doesn't show up in "Show Page Source", but it does show up if you download the source and open with vim, or if you look at the details page of the attachment.

Please reopen if I'm incorrect.

Comment 8

[Scott Johnson (:jwir3)]

I meant attachment 580261 [details], sorry.

Comment 9

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

Comment on attachment 580261 [details]
test.html

This page looks like it should have been UTF-8, which means the character before "-moz-column-*" is U+200E, which is LEFT-TO-RIGHT MARK.  And no, there aren't actually CSS properties whose names begin with that character, so this in fact shouldn't work.

Comment 10

[kipod]

(In reply to Scott Johnson (:jwir3) from comment #7)
> (In reply to kipod from comment #6)

you are absolutely correct - i missed this invisible LTR mark - my bad. once removed, everything works as advertised.

peace.