Changeset a0bff44 in Klonkt

Timestamp:

06/19/2026 11:45:23 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

9ef3c56

Parents:

06f3791

Message:

fix(editor): no autofocus on title on mobile (no keyboard popup)

autofocus on the title input immediately opened the mobile keyboard
when the editor was opened. Removed; the title now only gets focus on
desktop (matchMedia hover:hover + pointer:fine).

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

Files:

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

CHANGELOG.md

@@ -15 +15 @@
 
 ### Opgelost
+- Post bewerken op mobiel opende niet meer meteen het toetsenbord: de titel kreeg
+  niet langer automatisch focus (`autofocus` weg). Op desktop focust de titel nog wel.
 - Posts schrijven op mobiel: een opmaakknop (vet/cursief/…) stal de focus uit het
   tekstveld → de selectie ging verloren (vet kon niet meer uitgezet worden) en de

src/views/pages/post-edit.ejs

@@ -23 +23 @@
       <label class="pe-field">
         <span>Titel</span>
-        <input type="text" name="title" value="<%= post.title %>" required autofocus>
+        <input type="text" name="title" value="<%= post.title %>" required>
       </label>
       <div class="pe-row pe-row-2">
@@ -969 +969 @@
   if (!editor) return;
 
+  // Titel alleen automatisch focussen op desktop (muis/trackpad). Op touch zou
+  // dit meteen het toetsenbord openen bij het openen van de editor — niet gewenst.
+  try {
+    const titleInput = form && form.querySelector('input[name="title"]');
+    if (titleInput && window.matchMedia && window.matchMedia('(hover: hover) and (pointer: fine)').matches) {
+      titleInput.focus({ preventScroll: true });
+    }
+  } catch (_) {}
+
   // ── Shortcode chip rendering / serialization ────────────────────
   // Pattern matches [[track:UUID]] / [[album:any text]] / [[playlist:slug]]