Open shaipetel opened 3 months ago
I can confirm that this is bug; the weird thing is that it works initially, as there is no difference in the HTML after the toggle. There's probably a CSS-only solution that puts content into the markers or uses before for that purpose.
Could you elaborate on the CSS only solution? I don't mind trying it.
I found the problem in the generated HTML. MDX produces this html:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li><!-- extra LI element, not needed -->
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
this is the correct html to nest list items:
<ol>
<li>Coffee</li>
<li>Tea
<ol>
<li>Black tea</li>
<li>Green tea</li>
</ol>
</li>
<li>Milk</li>
</ol>
MDX wrap the nested list inside a new LI element, instead of putting it inside the parent LI element
If you want to ask for support or request features, sponsor the project and contact me over email.
Describe the bug If you have the following numbered list, with a sub list:
once you go to view source and back to rich text mode, or if you load the editor with this markdown as the current value - the numbered list after the sub list will be wrong, showing 3 instead of 2
Reproduction https://codesandbox.io/p/sandbox/mdx-editor-base-forked-vksdyj?file=%2Fsrc%2FApp.tsx
To Reproduce Steps to reproduce the behavior:
Expected behavior After a sub-list, bullets should continue normal numbering
Screenshots On load, or after edit:
After switching to source and back:
Desktop (please complete the following information):
Additional context This happens every time after a nested sub list, the next number on the higher level will jump to the next.