Pine/deepseek-harness
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 1 Wiki Activity

fix(web): stop the conversation column from scrolling sideways

Browse Source 
The hero's backdrop ellipse is sized 1051/776 of the hero box so its blur
scales with the input card, which means it reaches past the column whenever
the column is narrower than the glow. `[data-conversation-scroll]` declared
only `overflow-y: auto`, and a box that scrolls in one axis computes the
other axis's initial `visible` to `auto` — so that bleed came back as a real
horizontal scrollbar, 24–95px of range across ordinary laptop widths.

Declare `overflow-x: hidden` on the column instead of leaving the second axis
to be derived. Clipping is unchanged (the box already clipped both axes); the
declaration withdraws only the bar and the user gesture.
This commit is contained in:
creatixchu
2026-08-04 15:02:17 +08:00
parent edabb3c2dc
commit d7a162fc66
8 changed files with 384 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/tests/snapshots/conversation-column-overflow/geometry.expected.md
+9
View File
@@ -0,0 +1,9 @@
# Conversation column horizontal overflow
| viewport | overflow-x | glow bleeds past the column | scrollLeft after a horizontal wheel | scrolls vertically |
| --- | --- | --- | --- | --- |
| 1680px | hidden | false | 0px | true |
| 1200px | hidden | true | 0px | true |
| 1000px | hidden | true | 0px | true |
| 800px | hidden | true | 0px | true |
| 600px | hidden | true | 0px | true |