Re: [csswg-drafts] [css-contain] style containment counter scoping clarification (#5175)

Man, I'm getting some odd results in Chrome - counter() and counters() are giving inconsistent results.

```html
<!DOCTYPE html>
<style>
body { counter-reset: foo; }
div {
  counter-increment: foo;
  margin: .2em; padding: .2em; background: #0001;
}
div::before { content: counters(foo, ".") " / " counter(foo) " "; }
</style>
<div>
  Expected (using the root "foo" counter).
  <div style="contain: style;">
    I'm contained. Incoherently, I appear to both have only a single counter (the root "foo" counter, as revealed by <code>counters()</code>) and two (or more?) counters (the inner fresh one created by my next sibling, as revealed by <code>counter()</code>). 
    <div>I'm not sure how I ended up with *three* counters here. But my <code>counter()</code> at least makes sense.</div>
    <div>Same.</div>
  </div>
  <div>Expected (using the root "foo" counter).
    <div>Expected (using the root "foo" counter).</div>
    <div>Expected (using the root "foo" counter).</div>
  </div>
</div>
```

![Screenshot 2024-06-12 17 31 11](https://github.com/w3c/csswg-drafts/assets/682840/c5040741-7110-43f4-a5f7-91015836d166)

-- 
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5175#issuecomment-2163340163 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 12 June 2024 15:33:48 UTC