Lists ::marker not showing

[joaorr3]

Version: @uiw/[email protected]

Nextjs Version: [email protected]

[joaorr3]

Here everything seems ok. 🤔

[joaorr3]

On a clean Vite project:

[tult98]

I faced the same issue

[jaywcjlove]

Looks like a global style conflict.

[tult98]

If you are using tailwind. It is because of the tailwind has overwrite the list-style CSS rule. (As in the image)

You have to revert that by adding this line to tailwind directives

@layer base {
  ul,
  ol {
    list-style: revert;
  }
}

[Roman-Octavian]

You can use the following className on the parent markdown editor to revert the tailwind defaults for all children of the editor:

className="[&_dl]:list-[revert] [&_ol]:list-[revert] [&_ul]:list-[revert]"