Skip to content

fix(canvas): cap CONTEXT.md description textarea height#3558

Open
adboio wants to merge 2 commits into
mainfrom
posthog-code/fix-context-modal-textarea-growth
Open

fix(canvas): cap CONTEXT.md description textarea height#3558
adboio wants to merge 2 commits into
mainfrom
posthog-code/fix-context-modal-textarea-growth

Conversation

@adboio

@adboio adboio commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

Problem

When creating a channel's CONTEXT.md with an agent, the description textarea in the "Create your context.md" dialog grows without limit as you type. Because quill's Textarea auto-grows to fit its content (field-sizing: content) and has no max-height, a long enough description expands the modal past the viewport and pushes the footer's Create button off-screen — leaving ⌘/Ctrl+Enter as the only way to submit (which most users won't discover).

Why: reported by a user hitting this in the Channels (project-bluebird) flow — the submit button becomes unclickable for longer descriptions.

Changes

  • Cap the description Textarea at 40vh with overflow-y-auto so it scrolls internally instead of expanding the dialog. The field is shared by both the describe-mode dialog and the create-mode step-two dialog, so both are fixed.

How did you test this?

  • Manual reasoning only — I don't have the app running in this environment. The change is a className on a component that already forwards className to the underlying quill primitive; no behavior beyond height/overflow changes.

Automatic notifications

  • Publish to changelog?
  • Alert Sales and Marketing teams?

Created with PostHog Code

The quill Textarea auto-grows with its content and has no max-height, so a
long description in the "Create your context.md" dialog expanded the modal
until the footer's Create button was pushed off-screen — leaving ⌘/Ctrl+Enter
as the only way to submit. Cap the field at 40vh and scroll within it.

Shared by both the describe-mode dialog and the create-mode step-two dialog.

Generated-By: PostHog Code
Task-Id: bce0c26e-84ce-4af0-b891-652a74506f21
@trunk-io

trunk-io Bot commented Jul 17, 2026

Copy link
Copy Markdown

✨ Submitted to Merge by @adboio. It will be added to the merge queue once all branch protection rules pass, there are no merge conflicts with the target branch, and impacted targets for the current PR head commit have been uploaded. See more details here.

@github-actions

github-actions Bot commented Jul 17, 2026

Copy link
Copy Markdown

React Doctor found no issues in the changed files. 🎉

Reviewed by React Doctor for commit d1721a7.

Generated-By: PostHog Code
Task-Id: bce0c26e-84ce-4af0-b891-652a74506f21
@adboio
adboio marked this pull request as ready for review July 17, 2026 23:09
@adboio adboio added the Stamphog This will request an autostamp by stamphog on small changes label Jul 17, 2026

@github-actions github-actions Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Trivial CSS fix adding a max-height cap and scroll to a textarea. No logic, no data, no risk.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Stamphog This will request an autostamp by stamphog on small changes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant