Skip to content

fix(review): a mouse click no longer pins a card's reply bar open - #137

Merged
Samuel Lawerence (samuellawerentz) merged 1 commit into
mainfrom
fix/thread-card-reply-collapse
Aug 7, 2026
Merged

fix(review): a mouse click no longer pins a card's reply bar open#137
Samuel Lawerence (samuellawerentz) merged 1 commit into
mainfrom
fix/thread-card-reply-collapse

Conversation

@samuellawerentz

Copy link
Copy Markdown
Member

Problem

Clicking a thread card's anchor chip left plain :focus on the button, and group-focus-within kept that card's reply bar expanded after hover-out. The next mousedown anywhere else blurred it → the row collapsed between mousedown and mouseup → the lower card shifted up under the cursor → the click never fired. Net effect: clicking a lower card's anchor did nothing while the rail jumped.

Fix

Expansion keys on :focus-visible instead of :focus-within (group-has-[:focus-visible]/card). Keyboard tabbing into a card still opens the reply bar — the accessibility reason focus-within existed — but a mouse click no longer pins it, so the collapse happens on hover-out while the pointer travels and layout is settled before the next click lands.

One class change + comment. Verified: 25/25 ThreadCard tests, typecheck clean, compiled CSS contains the :has(:focus-visible) rule.

🤖 Generated with Claude Code

https://claude.ai/code/session_011iMXVvMG1u9VwWwYqLp4Gm

Clicking a thread card's anchor chip parked plain :focus on the button, and
group-focus-within kept the reply bar expanded after hover-out. The next
mousedown anywhere else blurred it, collapsed the row between that click's
mousedown and mouseup, and the shifted target meant the click never fired —
clicking a lower card's anchor did nothing while the rail jumped up.

Expansion now keys on :focus-visible: tabbing into a card still opens the
reply bar (the reason focus-within was there), but a mouse click does not
pin it, so the collapse happens on hover-out while the pointer travels and
layout is settled before the next click lands.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011iMXVvMG1u9VwWwYqLp4Gm
@samuellawerentz
Samuel Lawerence (samuellawerentz) merged commit eb303c9 into main Aug 7, 2026
6 checks passed
@samuellawerentz
Samuel Lawerence (samuellawerentz) deleted the fix/thread-card-reply-collapse branch August 7, 2026 08:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants