Skip to content

bad syntax highlighting with a11y highlighting style and JS disabled #12522

@gordonwoodhull

Description

@gordonwoodhull

Similar to #12399, the a11y highlighting style also has stylesheet bleed problems when JS is disabled.

I remembered that we will need to do light, dark, light stylesheets for syntax highlighting in NoJS, just as we are doing for main stylesheets in #12514

So I looked at our deployed test, and sure enough, there is bad syntax highlighting in light mode with JS disabled:

Image

https://gordonwoodhull.github.io/quarto-web-safari-bugless/docs/computations/python.html

The a11y dark style rule for "imports" code span.im has higher specificity than the light style, which does not define this one.

Image

Metadata

Metadata

Labels

bugSomething isn't workingcode-blockshtmlIssues with HTML and related web technology (html/css/scss/js)themesRelated to HTML theming or any other style related issue (like highlight-style)

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions