Skip to content

UI Bug: Mobile bottom navigation bar overlaps terminal accessory keys #599

@PieroValdebenito

Description

@PieroValdebenito

Describe the bug

In the mobile view, the main navigation bar (Chat, Shell, Files, Git) is rendered on top of the terminal's accessory key row (Esc, Tab, Ctrl, Alt). This prevents users from interacting with essential terminal shortcuts.

To Reproduce
Steps to reproduce the behavior:

  1. Open the ClaudeCodeUI app on a mobile device or via a mobile browser.
  2. Navigate to the Shell tab.
  3. Observe the bottom of the screen where the terminal shortcuts are located.

Expected behavior
The terminal accessory keys should be fully visible and clickable, positioned above the main navigation bar, or the navigation bar should have enough padding/margin to not overlap the terminal controls.

Screenshots

Image

Smartphone (please complete the following information):

  • Device: Android 12
  • OS: Android
  • Browser: Chrome

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions