Skip to content

On Home bottom menu and buttons gets pushed below off-screen when pasting or typing long text #6673

@sheikhlimon

Description

@sheikhlimon

Pasting long text into Hub's ChatInput pushes the bottom menu off-screen so it disappears.

Image

I took a stab at hiding the Recent Chats section when the input grows past ~80-90px. Added height tracking to ChatInput and a showRecentChats prop to SessionInsights.

screenrecording-2026-01-23_22-52-14.mp4

Why I Didn't PR It

  • Feels hacky: ChatInput shouldn't know about layout concerns, seems like wrong layer
  • Threshold issues: 90px works on my small screen but no idea what happens on 4K displays
  • Maybe there's a better way: CSS solution? Existing pattern I'm missing?

Other approaches I tried:

  • Flexbox overflow-hidden + min-h-0 tricks - couldn't get it working with SessionInsights
  • MainPanelLayout - caused overlap issues

Would love input on the right approach here before I go further.
CC @zanesq


Please provide the following information

  • OS & Arch: [Omarchy]
  • Interface: [UI / CLI]
  • Version: [e.g. v1.21.0]

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions