quarto-dev / quarto-dev/quarto-cli
HTML Book citation tooltip layout "flickering"
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 6k
- Forks
- 458
- Avg merge
- 1d 9h
- Merged PRs (30d)
- 41
Description
Description
Citation tooltip can get in a broken layout state where it "flickers".
https://user-images.githubusercontent.com/674792/231461610-0d07e4bd-dac0-40e4-8011-165b41b49c3b.mov
Steps to Reproduce:
- See the attached repo.zip
quarto preview- Maximize the screen
- Navigate to
Preface - Mouse over the citation
Knuth [1984];
Expected Result
No layout change. Citation stays in current location with tooltip to reference.
Actual Result:
Cycling reflow flickering
Environment
Mac
❯ quarto check
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.1.1: OK
Dart Sass version 1.55.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 99.9.9
Path: /Users/amanning/projects/github/quarto/quarto-cli/package/dist/bin
[✓] Checking basic markdown render....OK
[✓] Checking Python 3 installation....OK
Version: 3.11.2
Path: /Library/Frameworks/Python.framework/Versions/3.11/bin/python3
Jupyter: 5.2.0
Kernels: julia-1.8, julia-1.7, python3
[✓] Checking Jupyter engine render....OK
[✓] Checking R installation...........OK
Version: 4.2.1
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Library/Frameworks/R.framework/Versions/4.2/Resources/library
knitr: 1.42
rmarkdown: 2.20
[✓] Checking Knitr engine render......OK
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.
- Please provide the output of
quarto checkso we know which version of quarto and its dependencies you're running.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the attached repo.zip and reproduce the issue using quarto preview. Maximize the screen, navigate to Preface, and hover over Knuth [1984]; while observing the citation tooltip layout. Done means the citation remains in place and the tooltip no longer causes cycling reflow or flickering.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, javascript
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100