I'm baffled. Chrome is rendering prism code highlighting on a page with no scripts and only one pre tag, if I have the 1Password extension turned on

7 hours ago 1
ARTICLE AD BOX

Ok, I literally have no idea what's going on, any thoughts or help would be hugely appreciated.

I have one html page. This is the entirety of the code:

<html> <body> <pre class="language-javascript"><code> function x(){ } </code></pre> </body> </html>

If I have the 1Password extension turned OFF I get this DOM (what you would expect):

<html> <head></head> <body> <pre class="language-javascript"><code> function x(){ } </code></pre> </body> </html>

If I have the 1Password extension turned ON, I get this DOM (highlighting applied):

<html> <head></head> <body> <pre class="language-javascript" tabindex="0"> <code class="language-javascript"> <span class="token keyword">function</span> <span class="token function">x</span> <span class="token punctuation">(</span> <span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token punctuation">}</span> </code></pre> </body> </html>

This looks like prism.js highlighting to me. I know because I was working on a code highlighting project when I ran into this issue. I am at the end of my rope.

I have cleared the cache, updated chrome, turned off caching in the dev tools, looked at the network tab, removed and reinstalled 1Password. Nothing except that html string is coming across the wire, and when it hits the browser for some reason it's getting code highlighting applied.

1Password is common enough that I need to figure out if it's me, or there is an issue with the extension I need to report.

This is the kind of spooky bug that makes you feel crazy.

Any thoughts? Can someone duplicate this? Thanks for any help you can provide.

I am on MacOS Sequoia. I am running Chrome 143.0.7499.147. It also happened on the previous version (I updated). I am running 1Password for Mac 8.11.22 (81122027)

Read Entire Article