[Bug]: Settled list toggle is obscured by bottom navigation on unfolded iPhone Duo in portrait

Open Beginner friendly
#26,990 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
66/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
react-native, typescript
Domain
mobile

Research direction

Start in the apps/mobile area and trace the sidebar thread list and floating bottom navigation layout. Reproduce the reported overlap on an unfolded iPhone Duo in portrait, then inspect the relevant layout and safe-area handling. Done when the Settled toggle remains fully visible and reachable without overlapping the navigation bar.

Written by the indexing model from the issue text.

Description

Area

apps/mobile

What happened

On my iPhone Duo, unfolded and held vertically (portrait), the Settled list toggle at the bottom left appears behind the floating bottom navigation bar in the sidebar. The toggle is partly obscured.

Steps to reproduce
  1. Open T3 Code on an iPhone Duo with the device unfolded and in portrait orientation.
  2. View the sidebar/thread list with the Settled toggle visible at the bottom left.
  3. Observe the overlap between the Settled toggle and the floating bottom navigation bar.
Expected behavior

The Settled toggle should remain fully visible and reachable without overlapping the navigation bar.

Actual behavior

The navigation bar covers part of the Settled toggle.

Environment
  • Device: iPhone Duo, unfolded
  • Orientation: portrait / vertical
  • iOS: 27.2
  • T3 Code: 2.2.0

This is a user-observed layout issue, not an independently reproduced test. Tap behavior, frequency, and recovery steps have not been confirmed.

Dominant language
TypeScript
Stars
24.8k
Forks
6.4k
Avg merge
14h 40m
Merged PRs (30d)
193

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from pingdotgg/t3code

All issues in pingdotgg/t3code

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.