Changeset f3f43df in Klonkt for src/views/pages

Timestamp:

06/19/2026 12:35:04 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

e22230e

Parents:

c01f471

Message:

ui: text fields grow with content instead of scrolling internally (no scroll-in-scroll)

• Global textarea auto-resize in shell.ejs (grows with content, no internal scrollbar; also after htmx swaps).
• Post editor: inline scroll box removed → the writing field grows with the content. Typing on mobile/tablet always goes fullscreen anyway (only scroll = the page).

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

File:

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

src/views/pages/post-edit.ejs

@@ -469 +469 @@
 }
 .pe-editor:focus { outline: none; }
-/* Mobiel: het FRAME is de scroll-box. De opmaak-toolbar plakt sticky aan de
-   bovenkant ervan en de tekst scrollt eronder → de toolbar blijft altijd in beeld
-   binnen de box, én de caret-scroll (die mobiel Chrome forceert) blijft binnen de
-   box i.p.v. de hele pagina te laten verspringen. Fullscreen (.pe-fs) is
-   uitgezonderd: daar scrollt het veld zelf en vult het de pagina. */
-@media (max-width: 768px) {
-  .pe-editor-frame:not(.pe-fs) { max-height: 70vh; overflow-y: auto; }
-  .pe-editor-frame:not(.pe-fs) .pe-editor { min-height: 240px; max-height: none; overflow: visible; }
-}
+/* Inline (niet-fullscreen) groeit het schrijfveld gewoon mee met de inhoud — geen
+   interne scroll-box (scroll-binnen-scroll is verwarrend). Op mobiel/tablet gaat
+   typen sowieso fullscreen (zie JS), waar het veld de pagina vult en als enige
+   scrollt. */
+.pe-editor-frame:not(.pe-fs) .pe-editor { overflow: visible; }
 .pe-editor.is-dragover {
   outline: 2px dashed var(--accent);