From a224c11110a5e93467625e0b4abc3691302df359 Mon Sep 17 00:00:00 2001 From: gsxdsm Date: Wed, 22 Jul 2026 23:01:51 -0700 Subject: [PATCH] fix(dashboard): keep chat Latest button centered while pressed The jump-to-latest button is centered via transform: translateX(-50%), and the global .btn:active scale transform replaced it wholesale on mousedown, shifting the button out from under the cursor mid-click. Compose both transforms on :active (same fix as the DevServer new-logs button). Co-Authored-By: Claude Fable 5 --- .changeset/chat-jump-to-latest-active-transform.md | 7 +++++++ packages/dashboard/app/components/ChatView.css | 8 ++++++++ 2 files changed, 15 insertions(+) create mode 100644 .changeset/chat-jump-to-latest-active-transform.md diff --git a/.changeset/chat-jump-to-latest-active-transform.md b/.changeset/chat-jump-to-latest-active-transform.md new file mode 100644 index 0000000000..004fd7a8a4 --- /dev/null +++ b/.changeset/chat-jump-to-latest-active-transform.md @@ -0,0 +1,7 @@ +--- +"@runfusion/fusion": patch +--- + +summary: Fix the Chat View "Latest" button shifting sideways out from under the cursor when clicked. +category: fix +dev: `.chat-jump-to-latest:active` now composes `translateX(-50%) scale(0.97)` so the global `.btn:active` transform no longer replaces the centering transform. diff --git a/packages/dashboard/app/components/ChatView.css b/packages/dashboard/app/components/ChatView.css index 1daf67a961..acc1d0e95c 100644 --- a/packages/dashboard/app/components/ChatView.css +++ b/packages/dashboard/app/components/ChatView.css @@ -1043,6 +1043,14 @@ The thread-wide Markdown/plain render toggle (`.chat-thread-header-render-toggle z-index: 2; } +/* +FNXC:ChatView 2026-07-22-00:00: +The Latest button is centered with transform: translateX(-50%), so the global .btn:active { transform: scale(0.97) } rule must not replace that transform wholesale — doing so shifted the button half its width sideways on mousedown, out from under the cursor mid-click. Compose both transforms on :active instead (same fix as .devserver-log-viewer__new-logs-button). +*/ +.chat-jump-to-latest:active { + transform: translateX(-50%) scale(0.97); +} + .chat-message--user { align-self: flex-end; background: var(--accent);