Skip to content

fix(ui): prevent input overflow in plan mode#1954

Open
janburzinski wants to merge 1 commit intopingdotgg:mainfrom
janburzinski:fix/plan-mode-input-overflow
Open

fix(ui): prevent input overflow in plan mode#1954
janburzinski wants to merge 1 commit intopingdotgg:mainfrom
janburzinski:fix/plan-mode-input-overflow

Conversation

@janburzinski
Copy link
Copy Markdown

@janburzinski janburzinski commented Apr 12, 2026

What Changed

i had the problem that in plan mode the chat box overflowed when implementing the plan (when the sidebar for the plan opened)

this just fix it :))

also no problem if this is not getting merged/reviewed just :)

UI Changes

before:
36 Claude Opus 46

after:
Screenshot 2026-04-12 at 09 37 43

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Fix input overflow in chat plan mode

Adds overflow-hidden to the chat column container in ChatView.tsx and changes the composer footer in ChatComposer.tsx from overflow-visible to overflow-hidden, so overflowing content is clipped and inner scroll regions handle scrolling.

Macroscope summarized d28ec56.

- Add overflow-hidden to ChatView main column
- Change ChatComposer from overflow-visible to overflow-hidden
@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 12, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: d80ab3e9-b667-4985-accb-fd7b972c5b3d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

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

@github-actions github-actions bot added size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Apr 12, 2026
@macroscopeapp
Copy link
Copy Markdown
Contributor

macroscopeapp bot commented Apr 12, 2026

Approvability

Verdict: Approved

This is a minimal CSS fix adding overflow-hidden to two components to prevent visual overflow in plan mode. The changes are purely styling with no runtime behavior impact.

You can customize Macroscope's approvability policy. Learn more.

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

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant