Incorrect Highlighting on Main Codebox

[RedYetiDev]

URL:

https://nodejs.org/en

Browser Name:

Chrome

Browser Version:

131

Operating System:

Linux

How to reproduce the issue:

When visiting the site, the second line of the main codebox has incorrect highlighting. The text is all grey.

This only applies to this tab, not the others.

For comparison, on GFM:

import { createServer } from 'node:http'

[RedYetiDev]

Looks like it was caused by c5345f5.

I can spend some time tomorrow looking into this, but if someone wants to go ahead, please be my guest

[TenzDelek]

in local server , It is rendering correctly 🤔

[bmuenzenmeyer]

could it be browser specific?
it is rendering for me correctly

Vivaldi 7.0.3495.10 (Stable channel) (arm64)
macOS Version 14.7 (Build 23H124)

[RedYetiDev]

It's rendering correctly for me now too. I'm gonna check the deployments to see when it fixed itself?

[RedYetiDev]

Looks like it started in https://nodejs-abfhxokt0-openjs.vercel.app/en (c5345f5) and fixed itself in https://nodejs-nei5kgypu-openjs.vercel.app/en (52e04b0)

[RedYetiDev]

It seems intermittent. Right now, In Chrome 131, I am experiencing it on https://nodejs.org/en. (Edit 2min later: Not anymore 🤔)

It seems like a client-side issue, not server-side tho.

[RedYetiDev]

could it be browser specific?

I don't think so. Look ing at the HTML code, the browser render is matching the HTML shown, probably a Shiki client side issue?

[ovflowd]

Could this be caused by Shiki's JavaScript-based parser versus their WebAssembly one? Or could this even be a Shiki-specific bug?

FYI that Im making local changes to the index page to re-indent things and keep them tight and nice.