fixed double-GET & change editor focus on mobile

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index 9fd93e5c6425f98389cd4d74e45622bc007d0be3..6458773b9e790f2aadc4dc0e0fa571d02df12d93 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -49,6 +49,7 @@
        let cancelDownload = new AbortController();
 
        let tinyMDE;
+       let isMobile = false;
        onMount(() => {
                // If we come from read mode, keep the last visible day as the active selected day
                if ($readingDate) {
@@ -56,6 +57,12 @@
                }
                $readingDate = null; // no reading-highlighting when in write mode
 
+               // Detect mobile (simple heuristic: viewport width OR user agent)
+               isMobile =
+                       typeof window !== 'undefined' &&
+                       (window.matchMedia('(max-width: 768px)').matches ||
+                               /Mobi|Android/i.test(navigator.userAgent));
+
                tinyMDE = new TinyMDE.Editor({ element: 'editor', content: '' });
                let commandBar = new TinyMDE.CommandBar({ element: 'toolbar', editor: tinyMDE });
                document.getElementsByClassName('TinyMDE')[0].classList.add('focus-ring');
@@ -247,8 +254,19 @@
 
                        savedLog = currentLog;
 
+                       // Update editor content
                        tinyMDE.setContent(currentLog);
-                       tinyMDE.setSelection({ row: 0, col: 0 });
+                       // Only auto-focus/select on non-mobile devices
+                       if (!isMobile) {
+                               try {
+                                       tinyMDE.setSelection({ row: 0, col: 0 });
+                                       // Ensure the underlying editable div gets focus
+                                       const editorEl = document.querySelector(
+                                               '#editor .TinyMDE textarea, #editor .TinyMDE [contenteditable="true"]'
+                                       );
+                                       if (editorEl) editorEl.focus();
+                               } catch {}
+                       }
 
                        logDateWritten = response.data.date_written;
 
@@ -292,9 +310,11 @@
        }
 
        // Re-trigger aLookBack when settings are loaded/changed
+       let initial_aLookBack = $state(false);
        $effect(() => {
-               if ($settings && $settings.useALookBack !== undefined) {
+               if (!initial_aLookBack && $settings && $settings.useALookBack) {
                        getALookBack();
+                       initial_aLookBack = true;
                }
        });