aboutsummaryrefslogtreecommitdiffstats
path: root/frontend-vanilla/src/mobile-overflow.test.ts
Commit message (Collapse)AuthorAgeFilesLines
* Exclude test files from tsc build and rebuild production assetsClaude18 hours1-1/+1
| | | | | | | | | | Test files use Node built-ins (fs, path) which aren't available to the browser-targeted tsconfig. Excluding *.test.ts from tsc is the standard Vite/Vitest pattern — vitest handles test type-checking separately. Also rebuilds web/dist/v3/ to include the CSS overflow fixes. https://claude.ai/code/session_0141nhxmYfoFPVPZ813K1XFD
* Fix feed-item overflow and flex shrink bug causing mobile horizontal scrollClaude20 hours1-56/+65
| | | | | | | | | | | | | The previous fix (overflow-x:hidden on .main-content and .item-description) was insufficient because mobile Safari ignores overflow-x:hidden on elements with overflow-y:auto. The real fix is item-level containment: - .feed-item: add overflow:hidden to create a BFC so no child content can push the viewport wider, even during async image load reflows - .item-title: add min-width:0 (fixes flex min-width:auto bug that prevents shrinking below content width) and overflow-wrap:break-word for long titles https://claude.ai/code/session_0141nhxmYfoFPVPZ813K1XFD
* Fix mobile horizontal scrolling caused by wide RSS contentClaude32 hours1-0/+153
RSS feeds can contain tables, iframes, and other elements with explicit widths that overflow the viewport on mobile. Added overflow-x: hidden to .item-description and .main-content, and extended max-width: 100% to cover table and iframe elements inside item descriptions. Includes TDD tests verifying the CSS containment rules. https://claude.ai/code/session_0141nhxmYfoFPVPZ813K1XFD