From d62974b1e3896f887c581ffcbe44488a6de8a9bc Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 11 Sep 2024 17:36:08 +0200
Subject: [PATCH] Tone down scrolling behaviour after user test

---
 .../TagRendering/TagRenderingEditable.svelte  | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/UI/Popup/TagRendering/TagRenderingEditable.svelte b/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
index 946bd37cdb..40ed8c7de9 100644
--- a/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
+++ b/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
@@ -48,16 +48,13 @@
   }
 
   let htmlElem: HTMLDivElement
-  $: {
-    if (editMode && htmlElem !== undefined && config.IsKnown($tags)) {
-      // EditMode switched to true yet the answer is already known, so the person wants to make a change
-      // Make sure that the question is in the scrollview!
-
+  function enableEditMode(){
+    // EditMode switched to true yet the answer is already known, so the person wants to make a change
+    // Make sure that the question is in the scrollview!
+    window.setTimeout(() => {
       // Some delay is applied to give Svelte the time to render the _question_
-      window.setTimeout(() => {
-        Utils.scrollIntoView(<any>htmlElem)
-      }, 50)
-    }
+      Utils.scrollIntoView(<any>htmlElem)
+    }, 50)
   }
 
   const _htmlElement = new UIEventSource<HTMLElement>(undefined)
@@ -132,9 +129,7 @@
           <EditButton
             arialabel={config.editButtonAriaLabel}
             ariaLabelledBy={answerId}
-            on:click={() => {
-              editMode = true
-            }}
+            on:click={() => enableEditMode()}
           />
         {/if}
       </div>