fix: #238 editor scrolls the browser page to top on Safari when getti…

…ng focus
josdejong · May 3, 2023 · 20129f8 · 20129f8
1 parent df0edb3
commit 20129f8
Showing 1 changed file with 6 additions and 8 deletions.
diff --git 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;