eleventy-plugin-syntaxhighlight: Major issue with syntax-highlight plugin for multi-line code blocks

@zachleat Everything that is being highlighted by eleventy-plugin-syntaxhighlight on 11ty.dev has some issues with the styling.

Each of the multi-line code blocks are formatted into a single line. This issue is probably happening for everyone using the plugin, as I first noticed it on my own website.

Also, all of the <pre> tags have an extra space at the beginning of the class declaration like this (which I don’t think matters but just wanted to note everything I saw)

<pre class=" language-html">

Screenshot of issue: Screen Shot 2020-12-12 at 1 26 21 PM

The above code snippets are supposed to be multi line but obviously they are not.

I tried to tweak the CSS in my prism.css file locally to get the multi-line format to come back but I’m still trying to figure out where exactly the problem is at.

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 17 (3 by maintainers)

Most upvoted comments

Confirmed as aXe by myself and also @bjankord

Can be temp resolved per-user by updating your Chrome extension settings for Site Access to “on click” as shown in the screenshot:

chrome extension settings for aXe

Moved to eleventy-plugin-syntaxhighlight repo

Appreciate the heads up though Tanner! I wasn’t able to investigate to narrow it down to a specific extension so that is helpful 👍🏻👍🏻

No problem Zach!

If I obtain any relevant information or details from the issue I open in axe-core, I will update you in case that info could be helpful.

@Ryuno-Ki Closed! Thanks for your input.

Perhaps you should inform @dequelabs (e.g. https://github.com/dequelabs/axe-core) about this?

I’ve got plenty of addons in my setup. axe is not among them, though.

I had someone else mention this to me earlier this week but it worked fine with an incognito window, can you rule out an extension?