Changeset de21a3b in Klonkt for src/views/pages

Timestamp:

06/19/2026 12:42:23 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

5d68686

Parents:

e22230e

Message:

fix(editor): no double scrollbar in fullscreen

In fullscreen only the text field scrolls now: the frame gets
overflow:hidden and the page behind it is locked on both html and body
(pe-fs-open on both).

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

File:

• src/views/pages/post-edit.ejs (modified) (3 diffs)

src/views/pages/post-edit.ejs

@@ -445 +445 @@
   height: 100dvh;
   background: var(--paper);
+  overflow: hidden;   /* alléén het tekstveld scrollt, niet het frame zelf */
 }
 /* In fullscreen vult het schrijfveld de resterende ruimte en scrollt het zelf
@@ -451 +452 @@
   flex: 1 1 auto; min-height: 0; height: auto; max-height: none;
 }
-body.pe-fs-open { overflow: hidden; }
+/* Pagina vergrendelen achter het fullscreen-veld (html én body) → geen tweede,
+   verwarrende pagina-scrollbalk naast de scrollbalk van het tekstveld. */
+html.pe-fs-open, body.pe-fs-open { overflow: hidden; }
 
 /* Editor body — looks like prose, behaves like a textarea */
@@ -1232 +1235 @@
     const on = editorFrame.classList.toggle('pe-fs');
     document.body.classList.toggle('pe-fs-open', on);
+    document.documentElement.classList.toggle('pe-fs-open', on);
     if (fsBtn) {
       fsBtn.setAttribute('aria-pressed', on ? 'true' : 'false');