Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider appears when hovering for code annotations #5700

Closed
3 of 5 tasks
snhansen opened this issue May 26, 2023 · 6 comments
Closed
3 of 5 tasks

Slider appears when hovering for code annotations #5700

snhansen opened this issue May 26, 2023 · 6 comments
Assignees
Labels
bug Something isn't working
Milestone

Comments

@snhansen
Copy link

Bug description

When hovering on a code annotation and the corresponding code is highlighted, there is a slider appearing at the bottom like this. Perhaps the highlighting is a tad too wide?

ss1
ss2

This is using Quarto v. 1.4.90 on Windows.

Minimal example:

---
format: 
  html:
	code-annotations: hover
---

```{r}
test <- mtcars # <1>
```
1. Annotations

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 check so we know which version of quarto and its dependencies you're running.
@snhansen snhansen added the bug Something isn't working label May 26, 2023
@dragonstyle
Copy link
Collaborator

I am not able to reproduce this on MacOS Safari or Chrome. It may be browser/platform specific and could also be affected by any other CSS styling or themes in play. Can you share a little more info about where you see this happening?

@dragonstyle dragonstyle added the needs-repro Issues that are blocked until reporter provides an adequate reproduction label May 26, 2023
@snhansen
Copy link
Author

@dragonstyle: It's triggered by all code annotations when hovering is enabled. I tried Firefox, Chrome and Edge, and the slider appears using all of them. I've uploaded the compiled minimal example to here https://biostat.au.dk/stefan/test/test.html, so you can see if it appears on your browser.

I haven't used any custom CSS styling, it's literally just the code from the minimal example above.

@dragonstyle
Copy link
Collaborator

Very odd- I'm not seeing that when I view the deployed page. Perhaps OS matters? I'm on MacOS...

@snhansen
Copy link
Author

@dragonstyle: Very odd. I just checked with a Mac myself, and I'm not seeing it there either. But it's definitely present on Windows 10. Firefox on my Android phone has it briefly when clicking the annotation number, but disappears hereafter.

@dragonstyle
Copy link
Collaborator

Ok I can take a look on a Windows machine, thanks for helping me narrow it down!

@dragonstyle dragonstyle removed the needs-repro Issues that are blocked until reporter provides an adequate reproduction label May 26, 2023
@dragonstyle
Copy link
Collaborator

I can confirm I'm seeing it on windows too!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants