Fix shared element state across component instances

crates/editor/src/markdown.rs

@@ -18,7 +18,7 @@ use pulldown_cmark::{CodeBlockKind, Event, HeadingLevel, Options, Parser, Tag, T
 
 use std::ops::Range;
 
-use crate::highlight::{HighlightedCode, highlight_with_tree, plain};
+use crate::highlight::{HighlightedCode, highlight, plain};
 use crate::utils::{code_line, grammar_language};
 
 /// Heading scale steps relative to the root font size, H1 first.
@@ -277,7 +277,8 @@ impl Render for MarkdownViewState {
             .size_full()
             .child(blocks)
             .child(
-                Scrollbar::vertical(self.handle.clone()).visibility(ScrollbarVisibility::Platform),
+                Scrollbar::vertical((self.id.clone(), "v-scrollbar"), self.handle.clone())
+                    .visibility(ScrollbarVisibility::Platform),
             )
             .when_some(self.a11y_label.clone(), |view, label| {
                 view.aria_label(label)
@@ -588,7 +589,7 @@ fn parse(source: &str, highlight_code: bool) -> Vec<MarkdownBlock> {
                         .then(|| language.as_deref().and_then(grammar_language))
                         .flatten()
                     {
-                        Some(grammar) => highlight_with_tree(text, grammar, None).0,
+                        Some(grammar) => highlight(text, grammar),
                         None => plain(text),
                     };
                     blocks.push(MarkdownBlock::Code {