From 20129f87e43e639c75b70383771d11e2df6431e7 Mon Sep 17 00:00:00 2001
From: Jos de Jong <wjosdejong@gmail.com>
Date: Wed, 3 May 2023 17:52:49 +0200
Subject: [PATCH] fix: #238 editor scrolls the browser page to top on Safari
 when getting focus

---
 src/lib/components/modes/treemode/TreeMode.scss | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/modes/treemode/TreeMode.scss b/src/lib/components/modes/treemode/TreeMode.scss
index 8d08b8f4..73dab738 100644
--- a/src/lib/components/modes/treemode/TreeMode.scss
+++ b/src/lib/components/modes/treemode/TreeMode.scss
@@ -14,15 +14,13 @@
   line-height: var(--jse-line-height);
 
   .jse-hidden-input-label {
-    position: fixed;
-    right: 0;
-    top: 0;
-    width: 0;
-    height: 0;
-
     .jse-hidden-input {
-      width: 0;
-      height: 0;
+      position: fixed;
+      top: -10px;
+      left: -10px;
+      // important: width and height must be larger than zero, else Safari gives problems: scrolls to top when the editor gets focus, see https://github.com/josdejong/svelte-jsoneditor/issues/238
+      width: 1px;
+      height: 1px;
       padding: 0;
       border: 0;
       outline: none;