-
Notifications
You must be signed in to change notification settings - Fork 1.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
counter-reset: list-item - is not fully implemented in Safari WebKit #23070
Comments
Don't have real Safari at hand, but in Playwright's data:text/html,
on LI:
<ol>
<li>Expected: 1.
<li>Expected: 2.
<li style="counter-reset: list-item 10;">Expected: 11.
</ol>
on OL:
<ol style="counter-reset: list-item 10;">
<li>Expected: 11.
<li>Expected: 12.
<li>Expected: 13.
</ol> (sandbox) Anything but Firefox still counts 1 - 2 - 3 in both lists: Correct rendering in Firefox: |
@myfonj Thanks for your insights. There seems to be a bug in Chromium that affects the Safari on macOS seems to generate the Here is a complete example on CodePen showing different scenarios. |
@glmvc these are great demonstrations, and man, what Safari does is wild! My even wilder guess is that they are 1) incrementing the counter precisely on the Anyway, given all the evidence here, I think it is safe to declare support of |
What type of issue is this?
Incorrect support data (example: BrowserX says "86" but support was added in "40")
What information was incorrect, unhelpful, or incomplete?
There is a bug entry in WebKit stating "
counter-reset: list-item
is not fully implemented".What browsers does this problem apply to, if applicable?
Safari (tested in version 17.4)
What did you expect to see?
A note that
list-item
for the CSScounter-reset
property is not fully implemented in Safari.browser-compat-data/css/properties/counter-reset.json
Line 47 in 8a5bcae
Did you test this? If so, how?
counter-reset: list-item
seems to work for generated::marker
content in Safari, but results in incorrect values for content generated with thecounter()
function, for example.This incorrect behavior can be observed in this CodePen example: https://codepen.io/glmvc/pen/dyLBEgP
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
Related site on MDN where the compat-data is used in the browser compatibility table:
https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset
Do you have anything more you want to share?
No response
MDN URL
No response
MDN metadata
No response
The text was updated successfully, but these errors were encountered: