Bug 167645 - Implement @counter-style
Summary: Implement @counter-style
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Vitor Roriz
URL: data:text/html,<style>@counter-style ...
Keywords: InRadar, WPTImpact
: 167847 (view as bug list)
Depends on: 223150 224718 226792 248666 249804 249870
  Show dependency treegraph
Reported: 2017-01-31 09:08 PST by Ebrahim Byagowi
Modified: 2023-04-30 15:03 PDT (History)
19 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Ebrahim Byagowi 2017-01-31 09:08:38 PST
Related w3 document:

To repro:
data:text/html,<style>@counter-style negplus { system: numeric; symbols: '-' '+'; } ol { list-style: negplus }</style><ol><li>1</li><li>2</li></ol>

Like Firefox, you should see something like:
 +. 1
+-. 2

Whole @counter-style is not supported it seems.
Comment 1 Radar WebKit Bug Importer 2017-02-01 16:09:43 PST
Comment 2 Alexey Proskuryakov 2017-02-05 09:05:41 PST
*** Bug 167847 has been marked as a duplicate of this bug. ***
Comment 3 Addison Phillips 2017-02-05 11:38:19 PST
You may find the testing information from the duplicate bug useful:

See https://www.w3.org/International/tests/repo/results/counter-styles.en.html  (click on the large text in the left-most column to run the tests)
Comment 4 c933103 2017-12-09 12:33:05 PST
The lack of counter style support affects Japanese, Chinese and Korean numbering, which should use "、" or "," instead of "." after each counter. See https://github.com/w3c/jlreq/issues/12 as discussed in w3c Japanese layout requirements task force.
Comment 5 Liam Quin 2018-03-07 17:05:49 PST
At the very least it would be heplful if Webkit implemented
list-style: "foo";
so that a polyfill could be written reliably. But it would be better if the @counter-style rule was implemented.

This affects a long list of languages that were removed from the draft of the counter styles spec when the @counter-style rule was added to let stylesheet authors define them.
Comment 6 Liam Quin 2018-03-07 20:17:09 PST
See also bug 167729 for requesting the string-value for supporting Russian.
Comment 7 Sierk Bornemann 2019-08-22 12:58:38 PDT
Any progress with fixing this issue?
Comment 8 r12a 2020-06-26 05:22:55 PDT
Comment 9 Gérard Talbot (no longer involved) 2020-09-16 11:22:37 PDT
Chrome/Blink equivalent bug report:

Issue 687225: Lack of @counter-style support
Comment 10 r12a 2021-06-04 00:13:31 PDT
@counter-styles is now supported on Gecko and Blink browsers.  Is there any progress on support for WebKit ?

See test results at https://www.w3.org/International/i18n-tests/results/counter-styles
Comment 11 Tyler Wilcock 2021-06-04 07:41:54 PDT
(In reply to r12a from comment #10)
> @counter-styles is now supported on Gecko and Blink browsers.  Is there any
> progress on support for WebKit ?
> See test results at
> https://www.w3.org/International/i18n-tests/results/counter-styles

WebKit can parse @counter-style rules and descriptors behind a feature flag, but everything else remains (making a map of @counter-styles available in style resolvers, using that map to render lists).  I've been busy for the last month and will be for at least another, but I'd like to get back to this when I can.  Otherwise, if anyone else has time, feel free to take this on.
Comment 12 Subbu Sastry 2023-02-06 11:42:12 PST
Hello folks! A gentle nudge and check in regarding this bug.

I work at the Wikimedia Foundation and on my team, we are working on a replacement wikipage rendering engine (Parsoid) which plans to use CSS counters for localized numbering schemes. We are beginning to nudge different wikis to use custom counter styles instead of hardcoded strings in text for improved UX when these pages are edited. But, not having this support in Safari would limit the availability of this localization (hebrew, hindi, spanish, vietnamese are a few prominent examples). I wanted to gently nudge you all to see if you could prioritize this request. 

Even with the current wikipage rendering engine, having this support would improve rendering for some wikis that already use custom counter styles for ordered lists.

https://sat.wikipedia.org/wiki/%E1%B1%A5%E1%B1%A4%E1%B1%A0%E1%B1%A0%E1%B1%A4%E1%B1%A2#%E1%B1%A5%E1%B1%9F%E1%B1%B9%E1%B1%A0%E1%B1%B7%E1%B1%AD%E1%B1%9F%E1%B1%B9%E1%B1%9B is an example.

Thanks very much!
Comment 13 Tim Nguyen (:ntim) 2023-04-30 15:01:18 PDT
This is mostly implemented at this point, please file separate issues if needed.