# Checklist interferes with bullets
**URL:** https://meta.discourse.org/t/checklist-interferes-with-bullets/291253
**Category:** UX
**Tags:** checklist
**Created:** [January 11, 2024, 3:25am UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253 "2024-01-11T03:25:16Z")
**Posts on this page:** 9
**Page:** 1
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [January 11, 2024, 3:25am UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/1 "2024-01-11T03:25:16Z")
When I have a bulleted list which includes checkboxes, the bullets fail to render. I’m not sure if this is a feature or a bug. It is a bit tricky to control, that is for sure.
```plaintext
1. [] normal numbered item with checkbox
- normal bullet
- [] example bulleted checkbox
[] example bulleted item 2
- [] example bulleted item 3
- [] example bulleted item 4
- [] example bulleted item 5
```
gives:
1. normal numbered item with checkbox
- normal bullet
- example bulleted checkbox
example bulleted item 2
- example bulleted item 3
- example bulleted item 4
- example bulleted item 5
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [January 11, 2024, 5:33am UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/2 "2024-01-11T05:33:09Z")
Its a feature but maybe it can be refined some. I can see css for `.has-checkbox` it is deliberately omitted due to visual noise.
---
### Author:  [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [January 12, 2024, 1:19pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/3 "2024-01-12T13:19:37Z")
I just tried around with the correct number of prefixed spaces.
Of course the bullet points are still missing, but it looks pretty nice now!
```plaintext
1. [] normal numbered item with checkbox A (0 spaces prefix)
- normal bullet A.1 (4 spaces prefix)
- [] example bulleted checkbox A.1 (4 + 2 = 6 spaces prefix)
- normal bullet A.2 (4 spaces prefix)
- [] example bulleted checkbox A.2 (4 + 2 = 6 spaces prefix)
Note: added newline here between lists of different types
- [] example bulleted item B (0 spaces prefix)
- [] example bulleted item B.1 (2 spaces prefix)
- [] example bulleted item B.1.1 (2 + 2 = 4 spaces prefix)
- [] example bulleted item B.1.1.1 (2 + 2 + 2 = 6 spaces prefix)
- [] example bulleted item B.1.1.2 (2 + 2 + 2 = 6 spaces prefix)
- [] example bulleted item B.1.2 (2 + 2 = 4 spaces prefix)
- [] example bulleted item B.2 (2 spaces prefix)
- [] example bulleted item B.2.1 (2 + 2 = 4 spaces prefix)
- [] example bulleted item B.2.2 (2 + 2 = 4 spaces prefix)
```
1. normal numbered item with checkbox A
- normal bullet A.1
- example bulleted checkbox A.1
- normal bullet A.2
- example bulleted checkbox A.2
- example bulleted item B
- example bulleted item B.1
- example bulleted item B.1.1
- example bulleted item B.1.1.1
- example bulleted item B.1.1.2
- example bulleted item B.1.2
- example bulleted item B.2
- example bulleted item B.2.1
- example bulleted item B.2.2
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [January 12, 2024, 6:16pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/4 "2024-01-12T18:16:59Z")
How does one get a bullet AND a checkbox? You get that with numbers, but I want it with bullets.
```plaintext
1. []
1. []
- []
```
1.
1.
-
### Suggestion
I’d love a `[]` to be presented in lists as:
1. as a bullet replacement if used without a bullet denoter
```plaintext
1.
[]
```
1. as a bullet + a checkbox if used with a bullet denoter
```plaintext
1.
- []
```
i.e. bullets are treated the same as numbers
---
### Author:  [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [January 12, 2024, 9:10pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/5 "2024-01-12T21:10:24Z")
> [@nathank](#):
>
> How does one get a bullet AND a checkbox? You get that with numbers, but I want it with bullets.
Really high indentation?
- List
- Test
- Test
- Test
- Test
```plaintext
- List
- [] Test
- [] Test
- [] Test
- [] Test
```
It doesn’t bullet this way, but it does leave behind the dash that looks almost like a bullet.
Actually, here’s a real work-around:
- List
- Item A
- Item A.1
- Item A.1.1
- Item A.1.1.1
- Item B
Any `␆` in this example should be replaced with a zero-width space
```plaintext
- List
- ␆[] Item A
- ␆[] Item A.1
- ␆[] Item A.1.1
- ␆[] Item A.1.1.1
- ␆[] Item B
```
Zero width space to copy for testing:
```plaintext
```
---
### Author:  [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [January 13, 2024, 3:42pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/6 "2024-01-13T15:42:09Z")
@Firepup650 Nice find! Any character added in front of the checkbox will make the bullet points visible.
- List
- . Dot
- ' Single quote (like in Excel _text without formatting_)
- | Pipe
For a general solution: add this custom CSS to your Discourse instance.
```css
ul li.has-checkbox .list-item-checkbox {
position: relative;
left: 0;
}
.cooked ul li.has-checkbox,
.d-editor-preview ul li.has-checkbox {
position: relative;
list-style-type: disc;
}
.cooked ul ul li.has-checkbox,
.d-editor-preview ul ul li.has-checkbox {
list-style-type: circle;
}
.cooked ul ul ul li.has-checkbox,
.d-editor-preview ul ul ul li.has-checkbox {
list-style-type: square;
}
```
---
### Author:  [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [January 13, 2024, 4:03pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/7 "2024-01-13T16:03:08Z")
That is one solution, and works. But honestly… it gives me headache because it gives strong flasback how Excel forces to mark text cells 🤣
---
### Author:  [@rrit](https://meta.discourse.org/u/rrit)
#### Post date: [January 13, 2024, 4:21pm UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/8 "2024-01-13T16:21:54Z")
So let’s make this a feature request:
### Feature: add special notation to keep bullet points in checkbox-lists
If there is a list of checkboxes right now the list is shown without bullet points.
```plaintext
- [] point 1
- [] point 2
- [] point 3
- [] point 4
```
- point 1
- point 2
- point 3
- point 4
Adding a single quote (e.g. Excel _text without formatting_) in front of the checkbox is already disabling this feature and bullet points are visible, but additionally the single quote should be removed.
```plaintext
- '[] point 1
- '[] point 2
- '[] point 3
- '[] point 4
```
- ' point 1
- ' point 2
- ' point 3
- ' point 4
```md
- '[] point
```
```html
```
---
### Author:  [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [August 27, 2024, 4:30am UTC](https://meta.discourse.org/t/checklist-interferes-with-bullets/291253/9 "2024-08-27T04:30:45Z")
A simpler fix / tidy up for this could be that a 2nd space (as in a normal space, not a zero pt space) can indicate that it should display both the bullet and the checkbox.
Of course, that might be a right headache to code!