The mouse selects wrong items on interactive charts for `revealjs` presentations - sometimes interactivity stops working altogether.

The same issue happens on the Presentation window of RStudio, Edge Browser and Chrome - inside Quarto .md file (notebook) interactivity works without issue. 

The screenshot shows when clicking the red legend, the blue legend gets selected. When clicking blue legend nothing happens.
![inconsistent_placement](https://user-images.githubusercontent.com/61335136/170766093-795018c3-cd61-4605-9316-3728ba65d0e4.gif)

**Code to repliate**

`````yaml
---
format:
  revealjs:
    self-contained: true
    incremental: true
    transition: convex
    slide-number: true
    controls: true
    controls-layout: edges
---


## Plot and Data {.smaller .scrollable }

::: panel-tabset
### Plot

```{r}
library(echarts4r)
library(htmlwidgets)
library(webshot2)
df <- data.frame(
  #x = LETTERS[1:5],
  x = c("Sales", "Marketing", "C", "D","E" ),
  y = c(0,2,3,4,7),#runif(5, 1, 5),
  z = runif(5, 3, 7)
)

radar_chart = df |>
  e_charts(x) |>
  e_radar(y, max = 7, name = "Quarter 1", color=c("red","blue") )|>
  e_radar(z, name = "Quarter 2") #|>
  #e_legend(show = FALSE)
radar_chart
```

---

### Data

```{r}
df
```


### tree graph

```{r}
library(tibble)

tree <- tibble(
  tibble(name = "earth","fire"),       # 1st level
  children = list(
    tibble(name = c("land", "ocean"),             # 2nd level
       children = list(
         tibble(name = c("forest", "river")),   # 3rd level 
         tibble(name = c("fish", "kelp"),
            children = list(
               tibble(name = c("shark", "tuna"),  # 4th level 
               NULL  # kelp
            ))
         )
       ))
  )
)

tree |> 
  e_charts() |> 
  e_tree() |> 
  e_title("Tree graph")
```

### data
```{r}
tree
```
:::

`````

2022-05-27T18:17:02Z
rleyvasal
Future
open
Mouse hover on interactive graph works on wrong positions on `revealjs` presentation
https://github.com/quarto-dev/quarto-cli/issues/1004