d7a162fc66
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.
10 lines
389 B
Markdown
10 lines
389 B
Markdown
# 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 |
|