Repository navigation
Code annotation line highlight overflow and gutter miss-alignment #13448
Description
Bug description
From #13429
The code annotation line highlights overflow on the left.
There is also a misalignment in the highlight between the line and the gutter (gutter is a bit lower).
Behaviour in 1.7:
Steps to reproduce
---
title: "Code annotation line highlight overflow"
format: html
code-annotations: select
---
```{.python}
# Some comment
# to avoid overlapping copy button and annotation marker
import polars as pl # <1>
```
1. This is an annotation.Actual behavior
Quarto check output
Quarto 99.9.9
[✓] Checking environment information...
Quarto cache location: /Users/mcanouil/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
Pandoc version 3.6.3: OK
Dart Sass version 1.87.0: OK
NOTE: Deno version 2.4.5 does not strictly match 2.3.1 and strict checking is enabled. Please use 2.3.1.
Typst version 0.13.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
Version: 99.9.9
commit: e858bba000cc35277bdb8911d6ad86ccc74e6552
Path: /Users/mcanouil/Projects/quarto-dev/quarto-cli/package/dist/bin
[✓] Checking tools....................OK
TinyTeX: v2025.08.02
Chromium: (not installed)
[✓] Checking LaTeX....................OK
Using: TinyTex
Path: /Users/mcanouil/Library/TinyTeX/bin/universal-darwin
Version: 2025
[✓] Checking Chrome Headless....................OK
Using: Chrome found on system
Path: /Applications/Brave Browser.app/Contents/MacOS/Brave Browser
Source: QUARTO_CHROMIUM
[✓] Checking basic markdown render....OK
[✓] Checking Python 3 installation....OK
Version: 3.13.2
Path: /Users/mcanouil/Projects/quarto-dev/quarto-playground/.venv/bin/python3
Jupyter: 5.8.1
Kernels: julia-1.11, uv, python3
[✓] Checking Jupyter engine render....OK
(\) Checking R installation...........ℹ R version 4.5.1 (2025-06-13)
! Config '~/.Rprofile' was loaded!
[✓] Checking R installation...........OK
Version: 4.5.1
Path: /Library/Frameworks/R.framework/Resources
LibPaths:
- /Users/mcanouil/Projects/quarto-dev/quarto-playground/renv/library/macos/R-4.5/aarch64-apple-darwin20
- /Users/mcanouil/Library/Caches/org.R-project.R/R/renv/sandbox/macos/R-4.5/aarch64-apple-darwin20/4cd76b74
knitr: 1.50
rmarkdown: 2.29
[✓] Checking Knitr engine render......OKReacted by Allen Hill
Activity
[-]Code annotation line highlight overflow[/-][+]Code annotation line highlight overflow and gutter miss-alignment[/+]fix: overload code annotations gutters CSS rules
fix: place code annotation highlight bands from the line positions (q…