Commit c51f7a0
authored
fix(seer): Prevent horizontal scrollbar flash on block entry animation (#112823)
## Changes
The Seer Explorer panel showed a brief horizontal scrollbar flash each
time a new response block loaded.
**Root cause:** The block entry animation in `blockComponents.tsx` uses
`initial={{opacity: 0, x: 10}}`, starting each new block 10px to the
right of its natural position. `BlocksContainer` has `overflow-y: auto`
but no explicit `overflow-x` — CSS coerces `overflow-x` to `auto` when
`overflow-y` is `auto`, so those first few animation frames (while the
block is at `translateX(10px)`) triggered a visible horizontal scrollbar
before the animation resolved to `x: 0`.
**Fix:** Add `overflow-x: hidden` to `BlocksContainer` in
`panelContainers.tsx`. This clips the animation without affecting
vertical scrolling.1 parent 8ddf150 commit c51f7a0
1 file changed
+1
-0
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
211 | 211 | | |
212 | 212 | | |
213 | 213 | | |
| 214 | + | |
214 | 215 | | |
215 | 216 | | |
216 | 217 | | |
| |||
0 commit comments