Closed Bug 1576802 Opened 5 years ago Closed 5 years ago

incorrect numbering of <li> nodes

Categories

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

68 Branch
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 1545746

People

(Reporter: acmuller, Unassigned)

Details

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.

Status: UNCONFIRMED → NEW
Component: Untriaged → Layout: Generated Content, Lists, and Counters
Ever confirmed: true
Product: Firefox → Core

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 :(

Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → DUPLICATE

The suggested fix works, thank you.

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

You need to log in before you can comment on or make changes to this bug.