Bug 282934 – CSS counters not functioning properly when container-type is set.

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: CSS

[Doug Wollison]

It appears that containment and counters don't seem to play nice together.

I have a list of items, and for design reasons I need to render the counter as a pseudo element on the item within. When I apply a container-type to the list items though, it breaks the counter handling. This is regardless of if I use a custom counter or the native list-item one.

Codepen demonstrating the issue: https://codepen.io/dougwollison/pen/GRVPxvo

If I had to hazard a guess, the containment seems to undo/revert counter-increment, and possibly trigger a counter-reset as well. You can see that my custom counter example, which increments on the .card items rather than list items, all show 1.

[Karl Dubost]

Created attachment 473202 [details]
rendering in safari, firefox, chrome

Safari displays 
list-item: 0

while it is being incremented on Chrome and Firefox.

[Radar WebKit Bug Importer]

<rdar://problem/139698509>

[Karl Dubost]

That looks like a duplicate of Bug 260436

[Karl Dubost]

*** This bug has been marked as a duplicate of bug 260436 ***