From 0e740432d55faf32929cac572be7a59465466ab5 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 3 Apr 2024 11:56:25 +0200
Subject: [PATCH] fix: editor not getting focus when clicking in an empty area
 in table mode

---
 src/lib/components/modes/tablemode/TableMode.svelte | 2 +-
 tools/develop-vanilla.html                          | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/modes/tablemode/TableMode.svelte b/src/lib/components/modes/tablemode/TableMode.svelte
index 8edc4a23..b84f4262 100644
--- a/src/lib/components/modes/tablemode/TableMode.svelte
+++ b/src/lib/components/modes/tablemode/TableMode.svelte
@@ -770,7 +770,7 @@
 
     // for example when clicking on the empty area in the main menu or on an InlineValue
     if (!target.isContentEditable) {
-      focus()
+      setTimeout(focus)
     }
   }
 
diff --git a/tools/develop-vanilla.html b/tools/develop-vanilla.html
index deeaf0ed..4cba17f8 100644
--- a/tools/develop-vanilla.html
+++ b/tools/develop-vanilla.html
@@ -50,6 +50,10 @@
       .jse-json-node.custom-class-boolean .jse-value {
         background: pink;
       }
+
+      .jse-main.jse-focus {
+        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
+      }
     </style>
   </head>