How to ensure speaker notes visibility in a revealjs presentation, for a slide with multiple fragments?

[trizniak]

Description

I have a slide in a revealjs presentation with several fragments and an incremental list (example below).
Ideally, the speaker notes should be visible at specific moments, as mentioned in the text of each of them (e.g., NOTE 1 to be visible after fragment 2, until TEXT 2 appears).
Second best would be the notes being visible as long as the slide unfolds, until the next slide is on screen.

Instead :

• NOTES 1 appears simultaneously with TEXT 1, and disappears on next click, when fragment 1 appears
• NOTES 2 appears simultaneously with TEXT 2, and disappears on next click, when the first element of the incremental list (list 1) appears

Originally, there was a single note - which I expected to be visible until the next slide, but disappeared when fragment 1
appears.
I then split it in two notes, in different and varied positions, but did not manage to get the expected result.

---

Additional info

• Operating system : Win 11
• Quarto version : 1.6.42

---
title: TEST
subtitle: _notes visibility in flow_
self-contained: true
embed-resources: true
engine: knitr
format: revealjs
---

```{=html}

<style>

.reveal .slides section .fragment.step-fade-in-then-out {
	opacity: 0;
	display: none; }
.reveal .slides section .fragment.step-fade-in-then-out.current-fragment {
	opacity: 1;
	display: inline; }

</style>

```

## Slide title {.center}

. . .

TEXT 1
[fragment 1]{.fragment .fade-in-then-out}
<br>
[fragment 2]{.fragment}

::: {.notes}
NOTE 1 : should be visible AFTER fragment 2, until TEXT 2
:::

. . .

<br />
TEXT 2

::: incremental

* list 1
* list 2 [&nbsp;- fragment 3]{.fragment}

:::


::: {.notes}
NOTE 2 : should be visible AFTER fragment 3
:::

[mcanouil]

I don't think you can or you would likely need some advanced hack using JavaScript.

The easy thing to try first would be to set the fragment-index (https://quarto.org/docs/presentations/revealjs/advanced.html#fragment-order)

[trizniak]

I managed to get the desired effect by inserting flow breaks (???) . . . before the notes (see below)

In the html presentation generated with the revised code

• NOTE 1 is visible after fragment 2, until TEXT 2
• NOTE 2 is visible after fragment 3

Flow breaks (. . .) are mentioned in the quarto documentation; I found out about them in Meghan Hall's Making Slides in Quarto with reveal.js

---
title: TEST
subtitle: _notes visibility in flow_
self-contained: true
embed-resources: true
engine: knitr
format: revealjs
---

```{=html}

<style>

.reveal .slides section .fragment.step-fade-in-then-out {
	opacity: 0;
	display: none; }
.reveal .slides section .fragment.step-fade-in-then-out.current-fragment {
	opacity: 1;
	display: inline; }

</style>

```

## Slide title {.center}

. . .

TEXT 1
[ fragment 1]{.fragment .fade-in-then-out}
<br>
[fragment 2]{.fragment}


. . .

::: {.notes}
NOTES 1 : should be visible AFTER fragment 2, until TEXT 2
:::

. . .

<br />
TEXT 2

::: incremental

* list 1
* list 2 [&nbsp;- fragment 3]{.fragment}

:::

. . .

::: {.notes}
NOTES 2 : should be visible AFTER fragment 3
:::

[mcanouil]

They are in the link you mentioned ("You can also insert a pause within a slide")

[trizniak]

They are in the link you mentioned ("You can also insert a pause within a slide")

thanks :) edited accordingly