Callouts in nested blocks

[neeldhara]

When inserting a callout using the standard callout syntax like so:

:::{.callout-tip}
Foo bar.
:::

indented inside, say, a numbered list --- it simply does not work :( Quarto seems to render the syntax as raw text. Is this by design or am I doing something wrong?

Source:

Rendered (HTML):

[dragonstyle]

Markdown spacing / whitespace can be finicky. I was able to place a callout in an ordered list like so:

1. Item 1
2. Item 2

   :::{.callout-note}
   ## Sample Callout

   This is a sample callout

   :::
   
3. Item 3

HTH!

[mcanouil]

In addition, when nesting in Quarto/Pandoc, the nested element must be aligned to the first character.
In @dragonstyle example, this means the callout first colon ":" has to be aligned with the "I" of item.

RMarkdown was using indent level, this is where the difference can hurt when switching to Quarto.

[dragonstyle]

RMarkdown was using indent level, this is where the difference can hurt when switching to Quarto.

I didn't know this- ty for adding this!

[mcanouil]

I faced this issue and J.J. enlighted me on this difference^^

See #948

[mcanouil]

I did not notice this for fenced divs but they behave as code cells, i.e., blank lines around them are required to ensure they are parsed properly when nested in list.

To summarise:

---
format: html
---

## Good

1. Item 1
2. Item 2

   :::{.callout-note}
   ## Sample Callout
 
   This is a sample callout
 
   :::

3. Item 3

## Bad (wrong alignment)

1. Item 1
2. Item 2

  :::{.callout-note}
  ## Sample Callout

  This is a sample callout

  :::

3. Item 3

## Bad (no blank lines around fenced divs)

1. Item 1
2. Item 2
   :::{.callout-note}
   ## Sample Callout

   This is a sample callout

   :::
3. Item 3

## Bad (wrong alignment and no blank lines around fenced divs)

1. Item 1
2. Item 2
  :::{.callout-note}
  ## Sample Callout

  This is a sample callout

  :::
3. Item 3