# Checkboxes don't work with unordered list bullets

**URL:** https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483
**Category:** Support
**Tags:** checklist
**Created:** [January 29, 2023, 2:08am UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483 "2023-01-29T02:08:09Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [January 29, 2023, 2:08am UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/1 "2023-01-29T02:08:09Z")

</div>

Seems that check list is not working very well with “\*”  
Although it works fine with “1.”

```plaintext
1. [] Tasks in Stage 1

    * [] Do 1 (The Black Point will disappear here)

    * [] Do 2

1. [] Tasks in state 2

```

1. Tasks in Stage 1

2. Tasks in state 2

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [January 30, 2023, 8:47pm UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/2 "2023-01-30T20:47:10Z")

</div>

I’ve noticed that recently too, but I think it may be intentional and I actually prefer it this way. The `*` or `-` lets you indent your checklist items into structured lists without the added noise of the bullet point.

```plaintext
- [] Milestone 1
   - [] task 1 
   - [] task 2
   - [] task 3
- [] Milestone 2 
   - [] task 1 
   - [] task 2
   - [] task 3

```

- Milestone 1
  - task 1
  - task 2
  - task 3

- Milestone 2
  - task 1
  - task 2
  - task 3

vs

```plaintext
[] Milestone 1
   [] task 1 
   [] task 2
   [] task 3
[] Milestone 2 
   [] task 1 
   [] task 2
   [] task 3

```

Milestone 1  
 task 1  
 task 2  
 task 3  
 Milestone 2  
 task 1  
 task 2  
 task 3

---

<div class="post-metadata">

### Author: ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### Post date: [February 1, 2023, 2:59am UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/3 "2023-02-01T02:59:14Z")

</div>

I see your demonstration, the “sub-checklist” works fine in your example, but not in mine.

You see, when the first level “ordered list”, and the second level is unordered list, it works not very fine.

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/d/f/3df69e79864b5aad8c820f7b496d46ebb1313577.png)

And, I usually write very long sentences, in that way, it will not be very clear like in your example (in your example, the checklists are very short, like a few words), so it will be not very clean without a “dot”.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [February 1, 2023, 6:14am UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/4 "2023-02-01T06:14:39Z")

</div>

ok, let’s see…

```plaintext
- [] Milestone 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
- [] Milestone 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 

```

- Milestone 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.

- Milestone 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.

```plaintext
1. [] Milestone 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
2. [] Milestone 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 
   - [] task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough. 

```

1. Milestone 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.

2. Milestone 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 1 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 2 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.
  - task 3 described with several words that go over onto several lines. Still going to write my long, long, long line. I think that’ll be enough.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [February 1, 2023, 6:25am UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/5 "2023-02-01T06:25:18Z")

</div>

I can confirm that when you combine numbered lists with bulleted lists, followed by checklist items, it does not indent as you might expect because it does not show the bullets.

Personally I like using bulleted lists with checklist as in my example above, which indents nicely and does not show the actual bullets. But that also is not displaying as you might expect.

The reason for both of these might be the same.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 1, 2023, 5:42pm UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/6 "2023-02-01T17:42:18Z")

</div>

Here’s a hacky CSS fix if you need it, @xiasummer:

Displays the bullet

```scss
.cooked ol ul li.has-checkbox {
    margin-left: 1em;
    list-style-type: initial;
    .list-item-checkbox {
        left: 0;
        position: relative;
    }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/c/1/cc1555ab3d5d158c3469cf788d0989dbf60d292b.png)

Hide the bullet:

```scss
.cooked ol ul li.has-checkbox {
    margin-left: 1em;
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/f/6/df6b334ba26e5bb7d1206657d6ef185d068915fa.png)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [March 3, 2023, 5:42pm UTC](https://meta.discourse.org/t/checkboxes-dont-work-with-unordered-list-bullets/253483/7 "2023-03-03T17:42:55Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
