quarto-dev / quarto-dev/quarto-cli

Auto animations not working when text is bulleted

Open
#1,823 3 comments 0 reactions 1 assignee View on GitHub

@cderv is already working on this.

Since Aug 11, 2022.

bug revealjs
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.