Live Preview: Support callouts in list items

[ms047]

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:

And here in reading mode:

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

[WhiteNoise]

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

[aho]

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

[camball]

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

[universvm]

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?

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

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:

But is rendered correctly in the reading mode:

Proposed solution

Render indented callout in live preview mode

Current workaround (optional)

Switch from live to reading mode

[rab]

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

[ms047]

Yep that’s the crux of the feature request.

[avraam]

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

[fando32]

+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.

[vaporeon]

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.

[Naranya]

You might want to check List Callouts plugin.