inspector/clients/web/src/components/groups/ServerCard
Repository files (latest commit first)
Filename Latest commit message Latest commit date
cliffhall 71d33d70c4 feat(web): scroll the failed server card into view on connection failure (#1621)
Opening the monitoring column on a failed connection reflows the server
grid to fewer/narrower columns, which can push the failed card below the
fold. Scroll it into view so the red-bordered card is visible without
hunting for it.

- ServerCard scrolls itself into view on the disconnected→errored
  transition (mirrors the freshly-added highlight scroll), deferred
  ~320ms so the column open + grid reflow settle first — otherwise
  scrollIntoView targets the card's pre-reflow position. Guarded by a ref
  so it fires once per failure and won't fight a user who scrolls away.

Verified live: the failed `time` card scrolls fully into view after the
column opens. Full `npm run ci` passes.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BrihGWcrM9JGRyu41nzZYw
2026-07-09 15:05:34 -04:00
..
ServerCard.stories.tsx feat(web): red border on a server card whose connection attempt failed (#1621) 2026-07-09 14:48:17 -04:00
ServerCard.test.tsx feat(web): scroll the failed server card into view on connection failure (#1621) 2026-07-09 15:05:34 -04:00
ServerCard.tsx feat(web): scroll the failed server card into view on connection failure (#1621) 2026-07-09 15:05:34 -04:00