[Bug] Composer attachment remove button not reachable by keyboard (a11y)

Open Beginner friendly
#2,389 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
1-3 hours
Newbie friendliness
88/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Quiet
Tech stack
tauri, typescript

Research direction

Open ComposerAttachments.tsx and compare the remove controls for the generic file chip and image/video thumbnail with the always-visible upload-cancel button. Reproduce the issue in the desktop app using only the keyboard, then verify that each attachment remove button becomes reachable and activatable without hovering.

Written by the indexing model from the issue text.

Description

bug

Describe the bug
The "remove" (×) button on message composer attachments (both the generic
file chip and the image/video thumbnail) only appears on mouse hover
(hidden group-hover:flex in ComposerAttachments.tsx). Since the button is
display: none until hover, it's removed from the tab order entirely —
there's no way to reach or activate it with the keyboard.

To Reproduce:

  1. Open the message composer and attach a file (or image).
  2. Tab through the composer without touching the mouse.
  3. Try to remove the attachment using only the keyboard.

Expected behavior:
The remove button should be reachable via keyboard, e.g. by also showing it
on focus-within (group-focus-within:flex), not just on hover.

Supporting Material
Screenshot attached — attachment chip with remove button only visible via
hover.

Environment:

  • Desktop app (Tauri)

Additional context
Compare with the upload-cancel button in the same file
(ComposerAttachments.tsx, upload placeholder), which is always visible/focusable
and doesn't have this issue.

Image
Dominant language
Rust
Stars
33.7k
Forks
4.4k
Avg merge
1d 21h
Merged PRs (30d)
239

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from block/buzz

All issues in block/buzz

Similar issues

More Rust issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.