itsgoin/frontend
Scott Reimers f714a17385 fix(ui): wrap #visibility-row and cap select width to prevent My Posts horizontal overflow
Symptom (mobile): on the My Posts tab the fixed header + bottom tabs
disappeared until a swipe gesture pulled them in — classic mobile-
browser-chrome auto-hide that fires when the body has unwanted
horizontal scroll.

Root cause: the new FoF compose option "Body+Comments: FoF only
(Mode 1)" pushed the unwrapped #visibility-row (5 dropdowns side by
side, no flex-wrap) past viewport width on phones. Body picked up
overflow-x → mobile browser detected horizontal scroll → fixed
positioning behavior gets weird in that mode on Chrome Android and
WebView.

Two-line fix:
- flex-wrap: wrap on #visibility-row so the row breaks to multiple
  lines on narrow screens.
- max-width: 100% on the row and on the selects inside it; the SELECT
  widget renders at most container-width even if its longest option
  is wider, so the long FoF option no longer balloons the widget.

Verified by inspection: no other view has a similar wide-dropdown row
that hugs the right edge; this is My Posts-specific because compose
lives there.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-14 21:42:54 -06:00
..
app.js feat(fof-layer4): Tauri commands + Settings "Rotate my vouch key" UI 2026-05-14 19:18:31 -06:00
index.html feat(fof-layer4): Tauri commands + Settings "Rotate my vouch key" UI 2026-05-14 19:18:31 -06:00
style.css fix(ui): wrap #visibility-row and cap select width to prevent My Posts horizontal overflow 2026-05-14 21:42:54 -06:00