Bug (Image 224)
Chinese/Japanese content still overflows the story page layout on desktop, pushing the sidebar off-screen. PR #687 added `word-break: break-word` to `.ruled-paper` but the issue persists.
Investigation needed
The CSS fix was applied to `.ruled-paper` in globals.css but the content container on the story page may have a parent that doesn't constrain width properly. Check:
- Does the main content column have `overflow: hidden` or `min-width: 0`?
- Is the grid layout (`lg:grid-cols-[1fr_320px]`) properly constraining the left column?
- Does the `.story-markdown` container need the same word-break rules?
- Test on https://plotlink.xyz/story/40 (Chinese) and https://plotlink.xyz/story/39 (Japanese)
Files to investigate
- `src/app/story/[storylineId]/page.tsx` — grid layout, content column
- `src/app/globals.css` — ruled-paper and story-markdown styles
Branch
`task/711-cjk-overflow-v2`
Self-Verification (T3)
Bug (Image 224)
Chinese/Japanese content still overflows the story page layout on desktop, pushing the sidebar off-screen. PR #687 added `word-break: break-word` to `.ruled-paper` but the issue persists.
Investigation needed
The CSS fix was applied to `.ruled-paper` in globals.css but the content container on the story page may have a parent that doesn't constrain width properly. Check:
Files to investigate
Branch
`task/711-cjk-overflow-v2`
Self-Verification (T3)