Auto animations not working when text is bulleted

[kwakuduahc1]

I observed a rather weird behavior using auto-animations with quarto.

Given this yaml headers

``` 
title: "revealjs animation"
author: "kwakuduahc1"
format: 
  revealjs: 
     incremental: true 
     code-fold: show
     show-slide-number: all    
 ```

This works as expected. The code block is preserved on the same page and the animation effects work correctly.

## Variables (refresher) {#vects auto-animate=true}
The quick brown fox

```{r}
#| echo: true
#| code-line-numbers: true
ctry <- "Ghana"
```

## Variables (refresher) {#vects auto-animate=true}
The quick brown fox

```{r}
#| echo: true
#| code-line-numbers: "2"
#| output-location: fragment
ctry <- "Ghana"
ctry
```

But this does not work. On animation, the bulleted line disappears before the animation completes.

## Variables (refresher) {#vects auto-animate=true}
1. The quick brown fox

```{r}
#| echo: true
#| code-line-numbers: true
ctry <- "Ghana"
```

## Variables (refresher) {#vects auto-animate=true}
1. The quick brown fox

```{r}
#| echo: true
#| code-line-numbers: "2"
#| output-location: fragment
ctry <- "Ghana"
ctry
```

An interim solution is to surround the second code block with fragment but that means pressing the next button twice before the desired animation is shown.

[cscheid]

Hi, thanks for the report! I think your .qmd example is not formatting properly. Can you take a look at https://yihui.org/issue/#bug-reports and fix?

[jjallaire]

@cderv This may well be an issue with revealjs that we can't remedy. Worth a look in any case.

[kwakuduahc1]

I decided to try writing raw HTML and apply the fragment class to it. It actually works, if you have the time to write the HTML. The downside is that it appears Quarto does not have native HTML code completion and other good things, even with Visual Studio Code

This works

## Variables (refresher) {auto-animate=true}

<ul>
    <li class="fragment">
        The quick brown fox
    </li>
    <li class="fragment">
        <ul>
            <li class="fragment">
                
```{r}
#| echo: true
#| code-line-numbers: true
#| highlight: true
ctry <- "Ghana"
```
            </li>
        </ul>
    </li>
</ul>

## Variables (refresher) {auto-animate=true}
<ul>
    <li>
        The quick brown fox
    </li>
    <li>
        <ul>
            <li>
                
```{r}
#| echo: true
#| code-line-numbers: true
#| highlight: true
ctry <- "Ghana"
ctry
```
            </li>
        </ul>
    </li>
</ul>

If you have more time, and you add additional li, it works in the manner you would expect.