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);