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> |
||
|---|---|---|
| .. | ||
| app.js | ||
| index.html | ||
| style.css | ||