Page MenuHomePhabricator

Firefox ignores CSS column-count rendering
Closed, InvalidPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

The following CSS seems not to be properly rendered by Firefox:

{|
| style="column-width:25em; column-count:3" |
...
|}

What happens?:

  • Chromium-based browsers are correctly dynamically rendering up to 3 columns depending on the (device) screen width (wide screens have 3 columns, smaller screens have 1 or 2 columns)
  • Firefox wrongly shows 1 single column on all screens, independent of screen width.

What should have happened instead?:

Firefox should respond to the CSS the same way as chromium-based browser do.

Other information (browser name/version, screenshots, etc.):

Problem seems to occur with non-chromium-based browsers.

Event Timeline

Aklapper closed this task as Invalid.EditedOct 13 2023, 11:28 AM

That markup does not make sense to me - why have a table with one single row (<tr>), with one single cell/column (<td>), which via CSS should have three columns? There is no tabular data so there should not be a table.

Even if this made sense, you'd have to report Firefox bugs to Firefox.

This problem seems to exist already since 2008 in Firefox... time to fix...

You need to tell Mozilla, not Wikimedia. :)

I have done some more research. The following code works for all browsers, and is better recognised by the Visual editor:

<div style="column-width:25em; column-count:3">
...
</div>