Skip to content

Clicking Agentation toolbar closes open modal/drawer components #65

@spencexyz

Description

@spencexyz

Description:

When using Agentation with modal or drawer components, clicking the Agentation toolbar to activate annotation mode causes open modals/drawers to close unexpectedly. This prevents users from annotating elements inside these overlays.

Steps to Reproduce:

  1. Open a drawer/modal component in the application (e.g., Radix UI Dialog, Vaul drawer, or similar)
  2. With the drawer/modal open, click the Agentation toolbar in the bottom-right corner
  3. Observe that the drawer/modal closes immediately

Expected Behavior:

The Agentation toolbar should activate annotation mode without triggering close events on open modal/drawer components. Users should be able to annotate elements inside overlays.

Actual Behavior:

Clicking the Agentation toolbar triggers a click event that propagates and causes modal/drawer components to close (likely through their "click outside to close" handlers).

Environment:

  • Agentation version: 1.3.2
  • React version: 19.1.0
  • Next.js version: 15.5.9

UI Library/Components Affected:

  • Radix UI Dialog (^1.1.15)
  • Radix UI Popover (^1.1.15)
  • Vaul drawer (^1.1.2)
  • Headless UI (^2.2.9)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions