Handle missing ref which appears to occur on first tick after re-deploy

FlowFuse · Sep 13, 2023 · 51c9291 · 51c9291
1 parent 156cc9f
commit 51c9291
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/ui/src/widgets/ui-markdown/UIMarkdown.vue b/ui/src/widgets/ui-markdown/UIMarkdown.vue
@@ -88,7 +88,7 @@ export default {
                 renderMermaid () {
                     // remove hte flag that mermaid uses to work out if an element has been processed
                     // TODO: need to scope this to _just_ this component, otherwise it'll run for all mermaid charts on the page
-                    this.$refs.markdown.querySelector('.mermaid')?.removeAttribute('data-processed')
+                    this.$refs.markdown?.querySelector('.mermaid')?.removeAttribute('data-processed')
                     this.$nextTick(() => {
                         // let Vue render the dynamic markdown first, then re-render the chart
                         mermaid.run({