From 33287a63ad539959ce842613a5801cd92c5faaef Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Mon, 11 Mar 2024 19:11:15 +0530
Subject: [PATCH] Support Firefox

---
 packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue b/packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue
index a4fb9bf049..b98c49348d 100644
--- a/packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue
+++ b/packages/mermaid/src/docs/.vitepress/theme/Mermaid.vue
@@ -4,7 +4,7 @@
     <div class="language-mermaid">
       <button class="copy"></button>
       <span class="lang">mermaid</span>
-      <pre><code contenteditable="plaintext-only" @input="updateCode"  @keydown.meta.enter="renderChart" @keydown.ctrl.enter="renderChart" ref="editableContent" class="editable-code"></code></pre>
+      <pre><code :contenteditable="contentEditable" @input="updateCode"  @keydown.meta.enter="renderChart" @keydown.ctrl.enter="renderChart" ref="editableContent" class="editable-code"></code></pre>
       <div class="buttons-container">
         <span>{{ ctrlSymbol }} + Enter</span><span>|</span>
         <button @click="renderChart">Run ▶</button>
@@ -37,6 +37,8 @@ const svg = ref('');
 const code = ref(decodeURIComponent(props.graph));
 const ctrlSymbol = ref(navigator.platform.includes('Mac') ? '⌘' : 'Ctrl');
 const editableContent = ref(null);
+const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
+const contentEditable = ref(isFirefox ? 'true' : 'plaintext-only');
 
 let mut = null;