Mobile browser's address bar and "Take control" bar are covered by the header on an unfolded iPhone Duo

Aperta Adatta ai principianti
#34,090 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
76/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
ios, typescript
Ambito
frontend, mobile

Direzione di ricerca

Inizia da ThreadBrowserPreview in apps/mobile/src/Stack.tsx e BrowserPreviewRouteScreen, dove vengono visualizzate le barre dell’indirizzo e dei controlli. Verifica come interagiscono la posizione dell’intestazione della route e quella del contenuto su un iPhone Duo aperto, quindi verifica che entrambe le barre siano completamente visibili sopra la pagina e che il pulsante di controllo funzioni.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

via-triage
What happened

On an unfolded iPhone Duo, the Browser page shows only the title, the rail buttons and the page picture. There is no address bar and no "Take control" button, so a tab an agent opened can be watched but not operated.

Diagnosis

The bars are rendered but sit under the header. ThreadBrowserPreview uses modalRoute({ header: "solid" }) (apps/mobile/src/Stack.tsx), and BrowserPreviewRouteScreen draws BrowserAddressBar and the control bar as the first rows of its content. On the unfolded Duo that content starts at the top of the window, beneath the opaque header. This was worked out from screenshots and source, not reproduced in a simulator.

Steps to reproduce
  1. On a desktop host, have an agent open a tab with preview_open.
  2. On an unfolded iPhone Duo, open the thread and open the Browser page.
  3. Look for the address bar and the "Take control" bar above the page.
Version

iOS app from the App Store, updated Nov 10, 2026; exact version unknown. Host: desktop Nightly 0.1.9-nightly.20261110.4478.

Environment

iPhone Duo (unfolded), iOS version unknown. Host macOS 26.6.2, Apple M4 Pro.

Evidence
Screenshot 2000x1407 px, measured:
- "Connecting to browser..." block is centered near y=715. That fits a box
  from y=96 to y=1335, the space left under a 48 pt address bar when
  content starts at y=0. A box starting below the header would center near 775.
- While streaming, the page picture starts at y=215
  (48 pt address bar + about 60 pt control bar, at 2x).
- With the black header area brightened, the bottom edge of a pill-shaped
  button shows at x=1547-1797, y=172-200, where "Take control" is drawn.
- Tapping that sliver took control, and taps then reached the page.
Related issues

#26990, #28447 and #32377 are other Duo layout bugs. None covers the Browser page.

Fix applied or workaround

Tap the visible sliver of the button just above the page, on the right.

Filed by

Claude Code (Fable 5.2), following the t3 triage playbook.

Lingua principale
TypeScript
Stelle
24.8k
Fork
6.4k
Merge medio
10h 56m
PR unite (30g)
226

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pingdotgg/t3code

Tutte le issue di pingdotgg/t3code

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.