Layout breaks in landscape orientation (phone) #5

Open
opened 2026-10-02 11:20:29 +02:00 by lukas · 0 comments
Owner

Problem

In landscape orientation on the phone, the app layout breaks (see attached screenshot: Screenshot_20261002-111912.png). Content looks stretched/misplaced instead of reflowing to the wide viewport.

Repro

  1. Open the app on the Pixel
  2. Rotate to landscape

Expected: a usable landscape layout (wider cards, sensible use of horizontal space) — or, as a deliberate fallback, the app stays portrait-locked like the manifest intends (orientation: portrait).
Actual: broken landscape rendering (see screenshot).

Notes for whoever picks this up

  • The PWA manifest requests portrait and the shell is a 480px mobile column — landscape was never designed, so this is likely just unhandled.
  • Decide explicitly: (a) support landscape properly, or (b) lock orientation to portrait in the PWA + Capacitor (screenOrientation) and treat any landscape rendering as out of scope. Either is fine, but it must be intentional, not broken.

Acceptance

  • Landscape either looks correct (no overlap, no unreadable stretching) or is locked to portrait on both PWA and Android wrapper
  • Verified with a landscape screenshot on the test Pixel
## Problem In landscape orientation on the phone, the app layout breaks (see attached screenshot: `Screenshot_20261002-111912.png`). Content looks stretched/misplaced instead of reflowing to the wide viewport. ## Repro 1. Open the app on the Pixel 2. Rotate to landscape **Expected:** a usable landscape layout (wider cards, sensible use of horizontal space) — or, as a deliberate fallback, the app stays portrait-locked like the manifest intends (`orientation: portrait`). **Actual:** broken landscape rendering (see screenshot). ## Notes for whoever picks this up - The PWA manifest requests portrait and the shell is a 480px mobile column — landscape was never designed, so this is likely just unhandled. - Decide explicitly: **(a)** support landscape properly, or **(b)** lock orientation to portrait in the PWA + Capacitor (`screenOrientation`) and treat any landscape rendering as out of scope. Either is fine, but it must be intentional, not broken. ## Acceptance - [ ] Landscape either looks correct (no overlap, no unreadable stretching) or is locked to portrait on both PWA and Android wrapper - [ ] Verified with a landscape screenshot on the test Pixel
lukas changed title from app looks weird in landscape to Layout breaks in landscape orientation (phone) 2026-10-02 11:35:23 +02:00
lukas added the androidbug labels 2026-10-02 11:35:58 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: lukas/mindlist#5