Re: List Marker & Check Box Inconsistency

Posted by Esben on
URL: https://discuss.asciidoctor.org/List-Marker-Check-Box-Inconsistency-tp8371p8380.html

When I run

* List Item 1 (No marker? - what happened?)
* [ ] Checklist Item 2 - (Good checkbox)
** List Item 2.1 - (Good marker)
** List Item 2.2 - (Good marker)
* [ ] Checklist Item 3 - (Good checkbox)
* List Item 4 - (No marker error?)
** List Item 4.1 - (Good marker)
** List Item 4.2 - (Good marker)

Through Asciidoctor, I get this HTML

"<div class="ulist checklist">
<ul class="checklist">
<li>
<p>List Item 1 (No marker? - what happened?)</p>
</li>
<li>
<p>❏ Checklist Item 2 - (Good checkbox)</p>
<div class="ulist">
<ul>
<li>
<p>List Item 2.1 - (Good marker)</p>
</li>
<li>
<p>List Item 2.2 - (Good marker)</p>
</li>
</ul>
</div>
</li>
<li>
<p>❏ Checklist Item 3 - (Good checkbox)</p>
</li>
<li>
<p>List Item 4 - (No marker error?)</p>
<div class="ulist">
<ul>
<li>
<p>List Item 4.1 - (Good marker)</p>
</li>
<li>
<p>List Item 4.2 - (Good marker)</p>
</li>
</ul>
</div>
</li>
</ul>
</div>"

The "bad markers" are clearly list-items (enclosed in <li> tags), so the whole list is still recognized as a list - but the the list get's an extra CSS-class called 'checklist'

<div class="ulist checklist">.
<ul class="checklist">

So I think that you need to look in the CSS for class 'checklist' - and change the numbering style there.