Changeset c01f471 in Klonkt

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@…>

Files:

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

CHANGELOG.md

@@ -42 +42 @@
 
 ### Toegevoegd
+- Op **mobiel & tablet** (touch) gebeurt typen voortaan **altijd in volledig scherm**:
+  zodra je in het schrijfveld tikt, gaat de editor automatisch fullscreen. Eruit met
+  de knop (⤡) of Escape.
 - Schrijfvenster kan op **volledig scherm** (knop in de editor-toolbar, of Escape om
   terug te gaan) — fijn voor afleidingsvrij schrijven op mobiel. De opmaak-toolbar

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() {