1576802 - incorrect numbering of <li> nodes

Status: RESOLVED DUPLICATE of bug 1545746

(Core :: Layout: Generated Content, Lists, and Counters, defect)

Description

[[e-mail]]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0

Steps to reproduce:

(1) Open this page using Firefox (either Windows desktop or Android): http://www.buddhism-dict.net/sixafflictions.html (this is a page copied from an online dictionary database that I run).

Actual results:

The <li> tags incorrectly render with the numbers 2-7

Expected results:

They should render with the numbers 1-6. If you open the same file with Opera or Edge, the numbers will be rendered correctly. AFAICT, this is a recent development, since I've only be hearing from users during the past few weeks.

Comment 1

[Tooru Fujisawa [:arai]]

regression range:
https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=5dc0652cd024fef30217ac3e6087b7a32f16967f&tochange=9bad25ccc8d0414e21d3c8d4dcf2178a97bb07c3

possibly duplicate of bug 1548753, or some variant.

Comment 2

[Emilio Cobos Álvarez (:emilio)]

This one is slightly different. So you're using:

ol {
    counter-reset: item;
}

And that's overriding the UA stylesheet that resets the list-item counter, which we now implement properly.

The good thing is that the fix on your side is trivial:

ol {
  counter-reset: list-item item;
}

And you're done. But we had received a separate report for this (bug 1545746), so I think it's worth some standards discussions about this. I've filed https://github.com/w3c/csswg-drafts/issues/4244 about this.

Sorry for the breakage :(

Comment 3

[[e-mail]]

The suggested fix works, thank you.

ol {
counter-reset: list-item item;
}