Firefox add-on prevents line-breaks in code highlighted with PrismJS

I don’t know how, but right now using Firefox Nightly (72) and consulting technical contents with code blocks (eg HTMHell), PrimsJS is unable to wrap content for line-breaks (trying to add a <span class="highlight-line"> for each line, but not throwing any error nor message…).

After double checking every settings and add-ons, it seems that this is prevented by the aXe webextension: with my current profile and every settings, simply disabling aXe made PrismJS wrapping correctly again…

I have no idea what’s doing this, but this sounds very curious!

[36degrees]

I’m still seeing this happening in Chrome 86 with v4.6.1 of the extension.

For example, on https://www.11ty.dev/ I see

If I disable the axe extension, I see:

It’s also stomping classes in other syntax-highlighted code blocks, removing the styling – for example on https://design-system.service.gov.uk/get-started/extending-and-modifying-components/ the extension replaces:

<pre><code class="lang-css"><span class="hljs-selector-class">.app-</span>\!<span class="hljs-selector-tag">-reference-number-width</span> {
  <span class="hljs-attribute">width</span>: <span class="hljs-number">10ch</span> <span class="hljs-meta">!important</span>;
}
</code></pre>

with:

<pre class="  language-css"><code class="  language-css"><span class="token selector">.app-\!-reference-number-width</span> <span class="token punctuation">{</span>
  <span class="token property">width</span><span class="token punctuation">:</span> 10ch <span class="token important">!important</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>

[scurker]

We’re currently tracking an open issue here: #2686