List bullets in table of contents don't render in Safari

[sevenseacat]

Brief Description

When adding the necessary classes to make the text overflow “…” work, it makes the list bullets (both numbers and alphas) disappear in Safari only, both web and mobile.

Steps to reproduce the bug

Visit any page with a table of contents, eg. https://ash-hq.org/docs/guides/ash/latest/tutorials/get-started

In Firefox/Chrome the list markers appear, but in Safari they do not.

Context

[sevenseacat]

The HTML used in this table of contents is generated here -> https://github.com/ash-project/ash_hq/blob/main/lib/ash_hq/docs/extensions/render_markdown/post_processors/table_of_contents_generator.ex

So any fix to this will probably tweaking what classes get added to the li elements, both first and second levels, on both

ash_hq/lib/ash_hq/docs/extensions/render_markdown/post_processors/table_of_contents_generator.ex

Line 38 in b00d56b

"text-primary-light-600 dark:text-primary-dark-400 text-ellipsis overflow-hidden block"}

and

ash_hq/lib/ash_hq/docs/extensions/render_markdown/post_processors/table_of_contents_generator.ex

Line 102 in b00d56b

"text-primary-light-600 dark:text-primary-dark-400 block text-ellipsis overflow-hidden"}

.

Any new classes that get added may need to also be added to the Tailwind config in tailwind.config.js, as they will be stored as part of the database content and not part of the application UI code.