Bug 281277 – css counter value is not incremented while adding textContent into the DOM

• Status: NEW
• Component: WebKit Misc.

[Karl Dubost]

Created attachment 472901 [details]
testcase

1. With Safari
2. Open the testcase or https://codepen.io/ffoodd/pen/bGXBaMM
3. Look at the body

Expected:
The `test` string is every second.
and the counter is incremented by 1.

Safari:
* test string is added
* counter stays at 0

Firefox/Chrome
* test string is added
* counter is incremented by one at every iteration.



The counter is defined by

```
body { counter-reset: test; }

span { counter-increment: test; }

body::after {
    content: counter(test);
    display: block;
}
```


and the string is added by 


```
setInterval(() => {
  const t = document.createElement('span');
  t.textContent = 'test';
  document.body.append(t);
}, 1000);
```

[Radar WebKit Bug Importer]

<rdar://problem/137726892>

[Karl Dubost]

This bug was reported by Gaël Poupard on 
https://mastodon.cloud/@[e-mail]/113283173919966650