How can I animate a bullet point inside a list in a Reactive.js animation?

This code generates an unwanted space between the last and previous bullet points:
```
- Bullet point
- Bullet point

::: {.fragment .fade-in}
::: {.fragment .highlight-red}
- Bullet point
:::
:::
```
![image](https://user-images.githubusercontent.com/19517248/168660372-54375126-ead7-4c68-b58d-fe9cf5494c0f.png)


Removing the space between the bullets does not help:
```
- Bullet point
- Bullet point
::: {.fragment .fade-in}
::: {.fragment .highlight-red}
- Bullet point
:::
:::
```
![image](https://user-images.githubusercontent.com/19517248/168660479-2f56e27c-8b49-42e5-9657-6eb35bc67d41.png)

I suspect that there is a way to do this that I haven't been able to find. Since this is such a common scenario, it would be great if it was added to the Presentations/Revealjs documentation.
2022-05-16T18:45:27Z
mroavi
closed
Revealjs: Fragment animation of a bullet point inside a list
https://github.com/quarto-dev/quarto-cli/issues/901