Skip to content

fix(frontend): fix new session textarea overflow in Firefox#1021

Merged
Gkrumbach07 merged 1 commit intomainfrom
fix/firefox-textarea-overflow
Mar 25, 2026
Merged

fix(frontend): fix new session textarea overflow in Firefox#1021
Gkrumbach07 merged 1 commit intomainfrom
fix/firefox-textarea-overflow

Conversation

@Gkrumbach07
Copy link
Copy Markdown
Contributor

Summary

  • Adds overflow-y: auto to the new session textarea to prevent text from visually overflowing into the bottom toolbar in Firefox
  • Firefox versions lacking field-sizing: content support keep the textarea at fixed min-h-[100px], leaving only ~52px of usable space after the pb-12 toolbar padding — long text overflows instead of scrolling

Test plan

  • Open the new session view in Firefox
  • Type or paste long multi-line text into the textarea
  • Verify text scrolls within the textarea instead of overflowing into the toolbar
  • Verify Chrome/Safari behavior is unchanged (textarea still auto-grows)

🤖 Generated with Claude Code

The textarea uses `field-sizing: content` (via Tailwind's
`field-sizing-content`) to auto-grow, but Firefox versions that lack
support keep the textarea at its fixed min-height. With only ~52px of
usable space (100px minus pb-12 toolbar padding), long text overflows
visually into the toolbar. Adding `overflow-y: auto` ensures content
scrolls instead of overflowing when the textarea cannot auto-grow.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Mar 25, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 66ae43d8-51a4-4212-bb2a-8dbbd2f5866f

📥 Commits

Reviewing files that changed from the base of the PR and between 9d3daa6 and 88e375b.

📒 Files selected for processing (1)
  • components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/new-session-view.tsx

Walkthrough

A styling update to the session prompt textarea component that adds overflow-y-auto CSS class to enable vertical scrolling when content exceeds the textarea height.

Changes

Cohort / File(s) Summary
Textarea Styling Enhancement
components/frontend/src/app/projects/[name]/sessions/[sessionName]/components/new-session-view.tsx
Added overflow-y-auto CSS class to Textarea component for session prompt, enabling vertical scrolling functionality.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title 'fix(frontend): fix new session textarea overflow in Firefox' directly and clearly summarizes the main change—adding overflow-y-auto to fix textarea overflow in Firefox.
Description check ✅ Passed The description is well-related to the changeset, explaining why the fix is needed (Firefox lacking field-sizing support), what it does (adds overflow-y-auto), and provides a clear test plan.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix/firefox-textarea-overflow

Comment @coderabbitai help to get the list of available commands and usage tips.

@Gkrumbach07 Gkrumbach07 merged commit 913e415 into main Mar 25, 2026
32 of 34 checks passed
@Gkrumbach07 Gkrumbach07 deleted the fix/firefox-textarea-overflow branch March 25, 2026 16:01
jeremyeder pushed a commit to jeremyeder/platform that referenced this pull request Mar 26, 2026
…code#1021)

## Summary
- Adds `overflow-y: auto` to the new session textarea to prevent text
from visually overflowing into the bottom toolbar in Firefox
- Firefox versions lacking `field-sizing: content` support keep the
textarea at fixed `min-h-[100px]`, leaving only ~52px of usable space
after the `pb-12` toolbar padding — long text overflows instead of
scrolling

## Test plan
- [ ] Open the new session view in Firefox
- [ ] Type or paste long multi-line text into the textarea
- [ ] Verify text scrolls within the textarea instead of overflowing
into the toolbar
- [ ] Verify Chrome/Safari behavior is unchanged (textarea still
auto-grows)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Ambient Code Bot <bot@ambient-code.local>
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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