Altair interactive selection doesn't work well with reveal.js

Bug description

Details

RStudio 2022.07.2+576 "Spotted Wakerobin" Release (e7373ef832b49b2a9b88162cfe7eac5f22c40b34, 2022-09-06) for macOS
Mozilla/5.0 (Macintosh; Intel Mac OS X 12_6_0) AppleWebKit/537.36 (KHTML, like Gecko) QtWebEngine/5.12.10 Chrome/69.0.3497.128 Safari/537.36

Example

When using interactivity with Altair, the selections are offset from the pointer. This issue only occurs with reveal.js, not HTML reports.

https://user-images.githubusercontent.com/25734232/196245078-568e0b11-f1eb-419f-ab9a-8b826a562d94.mp4

Code

---
title: "altair_selection_bug"
format: revealjs
jupyter: python3
---

```{python}
# From here: https://altair-viz.github.io/gallery/interactive_brush.html

import altair as alt
from vega_datasets import data

source = data.cars()
brush = alt.selection(type='interval')

alt.Chart(source).mark_point().encode(
    x='Horsepower:Q',
    y='Miles_per_Gallon:Q',
    color=alt.condition(brush, 'Cylinders:O', alt.value('grey')),
).add_selection(brush)
```

Checklist

• Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
• Please format your issue so it is easier for us to read the bug report.
• Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
• Please document the operating system you're running. If on Linux, please provide the specific distribution.