problem with counter-reset in nested lists (Firefox only)

[jowra]

problem with counter-reset in nested lists (Firefox only)

[techmagus]

Update.

It's not a Firefox bug per se, Firefox does have counter-reset: list-item in its UA stylesheet. What's happening, as they explained, is that the other browsers are not implementing lists using CSS.

To quote Emilio Cobos Álvarez (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517#c4):

Yeah, this is not really a regression from that change, and this is really invalid. Firefox implements CSS lists using CSS counters as per spec, so you're really resetting https://searchfox.org/mozilla-central/rev/a8cc31504a2379bcf8ba395d2da7bb632b5521d6/layout/style/res/html.css#570.

The issue is that other browsers don't implement html lists using CSS.

The best solution then if using the all property is to also set:

ol { counter-reset: list-item; }

Since the all property reset the counter-reset property.

[techmagus]

Oh! There's a report here already!

I encountered this as well.

In any case, I filed a bug report over at Firefox:

https://bugzilla.mozilla.org/show_bug.cgi?id=1881517

Hopefully they'll add counter-reset: list-item in their UA stylesheet.