List Marker & Check Box Inconsistency

I'm not sure, but I may have stumbled upon a list maker / bullet issue.

Specifically, list markers (aka bullets) do not rendering consistently when mixed with list items that have check boxes.  The list markers do not show in some instances.

I'm seeing this in both the atom editor asciidoctor preview (latest version) and Asciidoctor 2.0.10, AsciiDocFX 1.7.1, as well as when using Asciidoctor PDF 1.5.3 to output.  See below examples with the results I see in parenthesis.  The numbers are there just for tracking the example.  The list is unordered.

* 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)

New list:

* List Item 5 (Good marker)
** List Item 5.1
** List Item 5.2

New List 2:

* [ ] Checklist Item 6 (Good checkbox)
* [ ] Checklist Item 7 (Good checkbox)
** [ ] Checklist Item 7.1 (Good checkbox)
** [ ] Checklist Item 7.2 (Good checkbox)
** List Item 7.3 (No marker error?)
** List Item 7.4 (No marker error?)
* List Item 8 (No marker error?)



Any help is appreciated.  Thanks.

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.

The part I just realized is that in a checklist, the checkbox (checked or not) is the list marker, so if you leave the checkbox out, you’ll get an unmarked list item, as observed.

Alrighty, so I need to extend the css.  I'll give it a shot.  

Thank you very much for the feedback.

--

Will do.  Thanks again.