unexpected behavior in callouts using `#xxx-` label as header

[HelenaLC]

In order to have numbered callouts (e.g., for cross-referenceable exercises and solutions), I have attempted to

• set callout captions to be empty via the _quarto.yml file
• use "#exr-" (or similar) as headers in the callouts

with the somewhat unexpected result that

• printed names (here, "Exercise") are rendered twice
• the corresponding counted is incremented twice

I am not sure whether this is a bug per se, but any suggestions how to achieve/fix this would be greatly appreciated!

_quarto.yml:

format: html
language:
  callout-note-caption: ""

.qmd:

::: {.callout-note #exr-one}

text

:::
See @exr-one.

output:

• This works, but isn't ideal:

::: {.callout-note}
::: {#exr-two}

text

:::
:::

See @exr-two.

[mcanouil]

Indeed, I noticed/reported this recently in #1928.

I saw #1925 and it gave me the idea to use the "callout" class to style the "Theorems and Proofs" divs.

Although, the results was not the one I expected because of TypeScript/Lua processing, i.e., "callouts" divs are processed in a specific way, so when combined with #exr- leads to a funny results.

How would someone apply callouts styling to "Theorems and Proofs" (preferably without having to create new classes or copy/paste callout to "theorem")?

See the qmd file and html code produced

---

title: "Untitled"

format: html

callout-important-caption: ''

---



::: {#exr-1 .callout-important icon=false}

Compute: 25 + 17.

:::



::: {#exr-2 .callout-important icon=false}

Let a = 25 and b = 17.



Compute: a + b.

:::

<div id="exr-1" class="callout-important callout callout-style-default no-icon callout-captioned theorem exercise">

  <div class="callout-header d-flex align-content-center">

    <span class="theorem-title"><strong>Exercise 2 </strong></span>

    <div class="callout-icon-container">

      <i class="callout-icon no-icon"></i>

    </div>

    <div class="callout-caption-container flex-fill">



    </div>

  </div>

  <div id="exr-1" class="callout-body-container callout-body theorem exercise">

    <p><span class="theorem-title"><strong>Exercise 1 </strong></span></p>

    <p>Compute: 25 + 17.</p>

  </div>

</div>

[cscheid]

Callouts are now cross-referenceable, but do note that for the time being, that means that you can't use "exr-" for a callout, since that's an exercise. We'll improve the situation in the next few weeks. The prefixes are:

• Note: nte-
• Warning: wrn-
• Caution: cau-
• Tip: tip-
• Important: imp- (We're aware that this causes weird phrasing in the resulting text, but we're doing it anyway for consistency with the original callout types)