Changeset c01f471 in Klonkt for src/views

Timestamp:

06/19/2026 12:32:57 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

f3f43df

Parents:

9217e4e

Message:

feat(editor): always type fullscreen on mobile/tablet (touch)

On pointer:coarse devices the editor automatically goes fullscreen when
the writing field receives focus → distraction-free typing with the
toolbar pinned above the keyboard, no page jump. Exit via the button or
Escape; tapping the field again re-enters fullscreen. Desktop unchanged.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/pages/post-edit.ejs (modified) (1 diff)

src/views/pages/post-edit.ejs

@@ -1262 +1262 @@
   });
 
+  // Op mobiel/tablet (touch-apparaat = pointer:coarse) gebeurt typen ALTIJD
+  // fullscreen: zodra het schrijfveld focus krijgt, gaan we automatisch fullscreen.
+  // Eruit kan met de knop (⤡) of Escape; tik je weer in het veld → opnieuw fullscreen.
+  var isTouch = window.matchMedia && window.matchMedia('(pointer: coarse)').matches;
+  if (isTouch) {
+    editor.addEventListener('focus', function () {
+      if (editorFrame && !editorFrame.classList.contains('pe-fs')) toggleFullscreen();
+    });
+  }
+
   // Reflect bold/italic/list state on the toolbar buttons
   function updateToolbarState() {