tutorial: buggy code snippets

[manuel3108]

number 1

https://svelte-omnisite.vercel.app/tutorial/svelte/html-tags

According to the code, the whole @html should be highlighted in green, but currently only the @ is highlighted.

svelte.dev/apps/svelte.dev/content/tutorial/01-svelte/01-introduction/06-html-tags/index.md

Line 13 in 5df7fa7

<p>{+++@html+++ string}</p>

number 2

https://svelte-omnisite.vercel.app/tutorial/svelte/universal-reactivity

wth?

number 3 (similar to number 1)

http://localhost:5173/tutorial/svelte/each-blocks

svelte.dev/apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/index.md

Lines 32 to 35 in 5df7fa7

	style="background: +++{color}+++"
	aria-label="+++{color}+++"
	aria-current={selected === +++color+++}
	on:click={() => selected = +++color+++}

number x

There are a few more cases like number 1 and 3, but im not going to list them all here, as it's probably going to be just one fix for all of them

[dummdidumm]

I think the highlighting only works on tokens, and therefore is too long or cut off depending on where they start/end

[Conduitry]

Number 2 isn't happening for me. What device/browser are you on?

[manuel3108]

Windows and Edge.
Just checked, this only happens for me after loading the page, going to the previous one, and then to the original one.

[Rich-Harris]

When stuff gets highlighted incorrectly it's likely because the two ends of the range don't have the same parent element. there's some munging that happens to try and make it behave but it's clearly not sophisticated enough