From 0f803b21a7fc4eaab6e0bb04a108f51d8c0f69a6 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Fri, 20 May 2022 12:26:45 +0200
Subject: [PATCH] fix: paste as JSON helper message not working

---
 src/lib/components/controls/Message.svelte        | 1 +
 src/lib/components/modes/treemode/TreeMode.svelte | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/controls/Message.svelte b/src/lib/components/controls/Message.svelte
index c8d06ec2..ececbd12 100644
--- a/src/lib/components/controls/Message.svelte
+++ b/src/lib/components/controls/Message.svelte
@@ -28,6 +28,7 @@
       <button
         type="button"
         on:click={action.onClick}
+        on:mousedown={action.onMouseDown}
         class="jse-button jse-action jse-primary"
         title={action.title}
         disabled={action.disabled}
diff --git a/src/lib/components/modes/treemode/TreeMode.svelte b/src/lib/components/modes/treemode/TreeMode.svelte
index 6771f041..3b418b44 100644
--- a/src/lib/components/modes/treemode/TreeMode.svelte
+++ b/src/lib/components/modes/treemode/TreeMode.svelte
@@ -1968,6 +1968,7 @@
   }
 
   async function handleParsePastedJson() {
+    debug('apply pasted json', pastedJson)
     const { path, contents } = pastedJson
 
     // exit edit mode
@@ -1995,6 +1996,7 @@
   }
 
   function handleClearPastedJson() {
+    debug('clear pasted json')
     pastedJson = undefined
   }
 
@@ -2184,7 +2186,11 @@
             {
               icon: faWrench,
               text: 'Paste as JSON instead',
-              onClick: handleParsePastedJson
+              // We use mousedown here instead of click: this message pops up
+              // whilst the user is editing a value. When clicking this button,
+              // the actual value is applied and the event is not propagated
+              // and an onClick on this button never happens.
+              onMouseDown: handleParsePastedJson
             },
             {
               text: 'Leave as is',