Skip to content

Composers: avatar top, send bottom, input auto-grows from one line#307

Merged
KishParikh13 merged 1 commit into
v2from
mobile/composer-alignment
May 29, 2026
Merged

Composers: avatar top, send bottom, input auto-grows from one line#307
KishParikh13 merged 1 commit into
v2from
mobile/composer-alignment

Conversation

@KishParikh13

Copy link
Copy Markdown
Collaborator

Reply and board composers now keep the avatar pinned to the top and the send button pinned to the bottom, with the text field starting as a single horizontal line that grows vertically with content (capped). Fixes the reply input rendering as a too-tall pill with the placeholder floating at the top.

  • ThreadReplyComposer: content-driven height via onContentSizeChange (one line → 120px max); avatar alignSelf: flex-start, send alignSelf: flex-end; web outline removed.
  • BoardComposer: avatar pinned to top.
  • Verified empty + multiline on mobile (390px) and desktop (1440px).

🤖 Generated with Claude Code

…from one line

Reply + board composers now pin the avatar to the top and the send
button to the bottom, with the text field starting as a single
horizontal line and growing vertically with content (up to a cap).
Fixes the reply input rendering as a too-tall box with the placeholder
floating at the top. Works on mobile web and desktop web.

- ThreadReplyComposer: content-driven height (onContentSizeChange) from
  one line to 120px; row alignItems flex-end with avatar alignSelf
  flex-start; web outline removed.
- BoardComposer: avatar pinned to top (was bottom-aligned).

187/187 tests pass; typecheck clean; verified empty + multiline on
mobile (390px) and desktop (1440px).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying chinmaya-janata with  Cloudflare Pages  Cloudflare Pages

Latest commit: dbafc20
Status:⚡️  Build in progress...

View logs

@KishParikh13 KishParikh13 merged commit 1551c9e into v2 May 29, 2026
1 check was pending
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant