pentacent/keila

Full height editor?

Open

#465 opened on Sep 30, 2025

View on GitHub
 (4 comments) (0 reactions) (0 assignees)Elixir (2,092 stars) (147 forks)batch import
enhancementgood first issueready to implement

Description

Hi there!

When I write the text of a campaign I'm always somewhat hindered by the side-by-side input and preview only spanning half the height of my browser viewport - with the lower half just sitting there unused and empty - forcing me to scroll around much more and have less of an overview of what I'm doing. Likewise, although I should know better by now, I regularly and instinctively reach out to drag the textarea field to occupy the full height (which works) - but as soon as I enter a single character in the editor, the height collapses down to half-height again (which feels very frustrating at some point :)).

Is there any chance the editor can be tweaked to make use of the full viewport height? For me personally 95% of what I do with keila is be on that page to write the newsletter, so for me this would be a big improvement (and I don't really see any drawbacks from implementing it, maybe it's even trivial depending on your existing CSS).

And: Thanks so much for keila, it's super cool!

Contributor guide

Tech stack
elixircsshtml
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Elixir/Phoenix basicsCSS knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
Look at the editor component in the Keila codebase, likely in lib/keila web/live/editor live.ex or similar. Identify the CSS classes controlling the textarea and preview height. Modify them to use full viewport height, possibly using vh units or flexbox. Check if there is any JavaScript that resets the height on input and adjust accordingly.