Skip to content

[Bug]: Conversation overflow menus unreachable on mobile/tablet #1902

Description

@FraterCCCLXIII

Operating System

macOS

Installation Method

From source (npm run dev / npm run dev:minimal)

Agent Canvas Version

main (current)

Bug Description

Three-dot / overflow actions on conversation list rows (and the server-status indicator menu) are gated behind CSS :hover. On phones and tablets there is no reliable hover, so the ellipsis stays pointer-events-none / invisible and a tap navigates into the conversation instead of opening the menu.

Steps to Reproduce

  1. Open Agent Canvas on a phone/tablet (or Chrome DevTools device emulation with a coarse pointer).
  2. Open the conversations sidebar / drawer.
  3. Tap the area where the conversation row three-dot menu should appear (or try to open the server-status indicator menu in a conversation header).

Actual Behavior

The overflow menu does not open. The row tap navigates to the conversation. The ellipsis is not interactable without hover.

Expected Behavior

Overflow triggers should be clickable on touch devices, still hover-reveal on fine-pointer desktop, and menus should close when the user taps/clicks outside.

Relevant Logs

N/A — UI interaction issue; no console errors required to reproduce.

Screenshots

N/A

Additional Context

Root cause is hover-only reveal classes on conversation cards (group-hover + pointer-events-none) and a CSS-hover-only server-status context menu. Profile/kebab menus that are always visible + click-driven are not affected the same way.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions