# Live Preview: Support callouts in list items

**URL:** <https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053>\
**Category:** Bug reports\
**Tags:** not-intuitive, repro, editor-parser\
**Created:** [March 27, 2023, 1:07pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053 "2023-03-27T13:07:28Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![ms047](https://forum.obsidian.md/user_avatar/forum.obsidian.md/ms047/32/32937_2.png) [@ms047](https://forum.obsidian.md/u/ms047)\
**Post date:** [March 27, 2023, 1:07pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/1 "2023-03-27T13:07:28Z")

</div>

### Steps to reproduce

Indent a callout block in a bulleted list, e.g.

- Item 1
  - subitem 1

> [!info] my callout  
> content inside callout

  - subitem 2
  - subitem 3

### Expected result

‘subitem2’ should be an additional bullet point aligned to ‘subitem1’, but instead it is swallowed by the callout. The list only resumes at ‘subitem3’.  
Further, the callout should render as a colored window. But it does not, it renders as a code block. It only renders as a colored window in reading mode.

### Actual result

“subitem2” should be an additional bullet point aligned to ‘subitem1’, but instead it is swallowed by the callout.

The callout block renders as a code block in edit mode. It only renders as a colored window in reading mode.

Here it is in edit mode:

 ![Screenshot from 2023-03-27 14-11-49](https://forum.obsidian.md/uploads/default/original/3X/a/9/a9655946878736c1b028f5daa321a70036b228dd.png)

And here in reading mode:

 ![Screenshot from 2023-03-27 14-11-56](https://forum.obsidian.md/uploads/default/original/3X/a/3/a3854cafa56bd75e81110011f2d28885e204d779.png)

### Environment

- Operating system:

Ubuntu 20.04.4 LTS

- Debug info:

SYSTEM INFO:  
Obsidian version: v1.1.16  
Installer version: v0.15.9  
Operating system: #63~20.04.1-Ubuntu SMP Wed Nov 30 13:40:16 UTC 2022 5.15.0-57-generic  
Login status: logged in  
Catalyst license: none  
Insider build toggle: off  
Live preview: on  
Legacy editor: off  
Base theme: dark  
Community theme: none  
Snippets enabled: 1  
Restricted mode: off  
Plugins installed: 14  
Plugins enabled: 14  
1: Style Settings v1.0.2  
2: Icon Folder v1.6.0  
3: Excalidraw v1.8.12  
4: Dataview v0.5.55  
5: Advanced Slides v1.19.0  
6: Copy Image and URL context menu v1.4.0  
7: Projects v1.11.5  
8: MetaEdit v1.7.2  
9: DB Folder v3.3.0  
10: Buttons v0.4.19  
11: Templater v1.16.0  
12: Emoji Toolbar v0.4.0  
13: LanguageTool Integration v0.3.3  
14: GPT-3 Notes v0.2.6

RECOMMENDATIONS:  
Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.  
Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

* * *

### Additional information

---

<div class="post-metadata">

**Author:** ![WhiteNoise](https://forum.obsidian.md/user_avatar/forum.obsidian.md/whitenoise/32/11_2.png) [@WhiteNoise](https://forum.obsidian.md/u/WhiteNoise)\
**Post date:** [March 27, 2023, 11:49pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/2 "2023-03-27T23:49:35Z")

</div>

we don’t support callouts in lists items currently (along with many other things).

---

<div class="post-metadata">

**Author:** ![aho](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/a/b5ac83/32.png) [@aho](https://forum.obsidian.md/u/aho)\
**Post date:** [May 10, 2023, 9:48pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/3 "2023-05-10T21:48:19Z")

</div>

This is exactly what I’m looking for. Hopefully it can be supported one day!

---

<div class="post-metadata">

**Author:** ![camball](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/c/919ad9/32.png) [@camball](https://forum.obsidian.md/u/camball)\
**Post date:** [May 11, 2023, 5:33pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/4 "2023-05-11T17:33:36Z")

</div>

I have the same issue, running on macOS if it helps. I see that it is “not supported” above, but that really doesn’t make sense, as callouts are clearly at least partially supported. They work in almost every place, but have weird live-preview mode quirks. If nothing else, hopefully this comment bumps the issue, as I know myself and many others would love this 🙂

---

<div class="post-metadata">

**Author:** ![universvm](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/u/7bcc69/32.png) [@universvm](https://forum.obsidian.md/u/universvm)\
**Post date:** [June 14, 2023, 10:55am UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/5 "2023-06-14T10:55:44Z")

</div>

### Use case or problem

Currently the live preview mode does not render the inline callouts as per these posts in the forum:

> [@Can I make a callout into an item in a bulleted list?](https://forum.obsidian.md/t/can-i-make-a-callout-into-an-item-in-a-bulleted-list/46687):
>
> Things I have tried Is there any way for me to put an entire call-out as one bulleted item on a list? This is what I’ve tried: \* Level 1 \* \> [!quote] Here's the quoted text but the callout doesn’t work because of the bullet point. I have also tried: adding headings to the callout so that I can fold it but that isn’t as useful for me, because being able to indent, outdent, to quickly outline is very helpful. What I’m trying to do What I’m trying to do is to be able to outline and…

> [@Is there a way to indent a callout (within a bullet list)?](https://forum.obsidian.md/t/is-there-a-way-to-indent-a-callout-within-a-bullet-list/46726):
>
> Things I have tried \* This is highlighted, but not indented \> [!success] \> text \* This is indented but not highlighted \> [!info] \> text What I’m trying to do I want to indent a callout. I have a bullet list. One of its element contains some introductory text and some important text (or even a latex formula). I want to highlight the important text / latex formula with a callout. The introductory text doesn’t need to be highlighted, but all the text / latex need to be correctly inden…

In short:

> [!quote]  
> Normal callout

- 

> [!quote] Indented Callout

is rendered as such in the live preview:

 ![Screenshot 2023-06-14 at 11.54.10](https://forum.obsidian.md/uploads/default/original/3X/1/c/1cc16eb83f79ebf0b8f7a739b486106c1f37db9a.png)

But is rendered correctly in the reading mode:

 ![Screenshot 2023-06-14 at 11.54.37](https://forum.obsidian.md/uploads/default/original/3X/7/4/74883fcaa8be1de1705665d991c810006e12a8a5.png)

### Proposed solution

Render indented callout in live preview mode

### Current workaround (optional)

Switch from live to reading mode

---

<div class="post-metadata">

**Author:** ![rab](https://forum.obsidian.md/user_avatar/forum.obsidian.md/rab/32/51740_2.png) [@rab](https://forum.obsidian.md/u/rab)\
**Post date:** [August 4, 2023, 7:41pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/6 "2023-08-04T19:41:21Z")

</div>

+1, would really like to be able to freely use callouts in lists and not have them rendered as code.

---

<div class="post-metadata">

**Author:** ![ms047](https://forum.obsidian.md/user_avatar/forum.obsidian.md/ms047/32/32937_2.png) [@ms047](https://forum.obsidian.md/u/ms047)\
**Post date:** [September 1, 2023, 10:03am UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/7 "2023-09-01T10:03:27Z")

</div>

Yep that’s the crux of the feature request.

---

<div class="post-metadata">

**Author:** ![avraam](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/a/cc9497/32.png) [@avraam](https://forum.obsidian.md/u/avraam)\
**Post date:** [September 14, 2023, 7:43am UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/8 "2023-09-14T07:43:21Z")

</div>

It is needed to start supporting, this is a critical need

---

<div class="post-metadata">

**Author:** ![fando32](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/f/9dc877/32.png) [@fando32](https://forum.obsidian.md/u/fando32)\
**Post date:** [August 10, 2024, 3:48am UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/9 "2024-08-10T03:48:43Z")

</div>

+1 For supporting this feature.

Like many users, I use obsidian 99.9% of the time in live preview mode only, so this would be really useful for organizing callouts that are separated by text, but still hierarchically related.

---

<div class="post-metadata">

**Author:** ![vaporeon](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/v/a87d85/32.png) [@vaporeon](https://forum.obsidian.md/u/vaporeon)\
**Post date:** [September 21, 2024, 1:44pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/10 "2024-09-21T13:44:04Z")

</div>

Supporting this feature. The reason is to diversify the visual content that we can write in our notes, so we can identify, recognise them, differentiate them from other text we wrote quickly.

On other note-taking app this is a basic feature.

---

<div class="post-metadata">

**Author:** ![Naranya](https://forum.obsidian.md/user_avatar/forum.obsidian.md/naranya/32/67888_2.png) [@Naranya](https://forum.obsidian.md/u/Naranya)\
**Post date:** [September 23, 2024, 6:28am UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/11 "2024-09-23T06:28:10Z")

</div>

You might want to check [List Callouts](https://github.com/mgmeyers/obsidian-list-callouts) plugin.

---

<div class="post-metadata">

**Author:** ![alexn](https://forum.obsidian.md/letter_avatar_proxy/v4/letter/a/b9bd4f/32.png) [@alexn](https://forum.obsidian.md/u/alexn)\
**Post date:** [January 18, 2026, 10:03pm UTC](https://forum.obsidian.md/t/live-preview-support-callouts-in-list-items/57053/12 "2026-01-18T22:03:23Z")

</div>

I ran into this problem while currently evaluation Obsidian - a huge show-stopper! Is there any chance this could be fixed/implemented? 🙂
