Problem with xml highlighting

[djarnis73]

Describe the bug

When trying out the highlighter on an xml document with "special" letters in element names the highlight looks wrong.

If you try the demo application on the following input (using XML language):

<?xml version="1.0" encoding="UTF-8"?>
<root>
    <element>value1</element>
    <élement>value2</élement>
</root>

You get the following result

Note the unformatted second element.

I tried if I could reproduce it using https://highlightjs.org/demo it works there.

I really have no clue what could cause this.

Expected behavior

No response

Minimal reproducible example

No response

Add-on Version

1.0.0

Vaadin Version

24.7.5

Additional information

No response

[djarnis73]

Wonder if it can be related to this commit highlightjs/highlight.js@7addd66 which looks like is in v11.6.0

[javier-godoy]

Wonder if it can be related to this commit highlightjs/highlight.js@7addd66 which looks like is in v11.6.0

Hello. That's likely. react-syntax-highlighter depends on highlight.js 10.x, while the fix for highlightjs/highlight.js#3529 is, as you mentioned, in 11.6.0.

[djarnis73]

Yeah, so I guess that it could take a long time getting this fixed.

[mlopezFC]

Maybe we could test if it is possible to force using 11.6.0 in our wrapper and see what happens.

[djarnis73]

That would be lovely, I have no clue if that major bump is a real incompatibility.