make sure both single and double click work independently on list rows

rokucommunity · Jan 13, 2025 · 0f7a7c0 · 0f7a7c0
1 parent a207865
commit 0f7a7c0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/webviews/src/views/RokuAutomationView/AutoRunsEditor.svelte b/webviews/src/views/RokuAutomationView/AutoRunsEditor.svelte
@@ -23,6 +23,7 @@
     let confirmMessage: string;
     let confirmDone: Callback;
     let activeRun: string = null;
+    let isSingleClick: boolean = true;
 
     intermediary.observeEvent(ViewProviderEvent.onRokuAutomationConfigStepChange, (message) => {
         if (message.context.step === -1) {
@@ -37,7 +38,6 @@
     function selectRun(e: MouseEvent) {
         const run: string = getRunFromEvent(e);
         selectedRun = run;
-        console.log(`Selected run: ${run}`);
     }
 
     function startRun(e: MouseEvent) {
@@ -344,8 +344,16 @@
                                 }
                             }}
                             use:draggable={run.name}
-                            on:click={(e) => {selectRun(e); toggleDropDown();}}
-                            on:dblclick={renameRun}
+                            on:click={(e) => {
+                                isSingleClick = true;
+                                setTimeout(() => {
+                                    if (isSingleClick) {
+                                        selectRun(e);
+                                        toggleDropDown();
+                                    }
+                                }, 250);
+                            }}
+                            on:dblclick={(e) => {isSingleClick = false; renameRun(e);}}
                             title={run.name}
                             id={run.name === selectedRun ? 'selected-tr' : ''}>
                             <td>

diff --git a/webviews/src/views/RokuAutomationView/dnd.ts b/webviews/src/views/RokuAutomationView/dnd.ts
@@ -45,6 +45,8 @@ export function dropzone(node, options) {
         e.preventDefault();
         if (!e.dataTransfer) return;
         e.dataTransfer.dropEffect = state.dropEffect;
+        console.log(`*** dragover: ${e.dataTransfer.dropEffect}`);
+        console.log(`Selected run: ${run}`);
     }
 
     function handleDrop(e) {