UI: Contacts 'Create Contact' button unclickable — data-mcp-action div intercepts pointer events #47

Closed
opened 2026-04-15 12:51:47 +00:00 by zaelgohary · 1 comment
Member

Description

In the Contacts island, when creating or editing a contact, the "Create Contact" / "Save Contact" button cannot be clicked. Playwright reports:

<div data-mcp-action="save">...</div> intercepts pointer events

The data-mcp-action="save" wrapper div sits on top of the actual <button> element and absorbs all click events, making it impossible to submit the form via mouse click.

Steps to Reproduce

  1. Open Communication > Contacts
  2. Click "+ New Contact"
  3. Fill in the form (Name, Public Key, etc.)
  4. Try to click "Create Contact" — the click is intercepted by the parent div

Expected

The save button should be clickable.

Root Cause

The data-mcp-action="save" div likely needs pointer-events: none or the button needs to be outside/above it in z-order.

Severity

High — blocks creating/editing contacts entirely via mouse click

## Description In the Contacts island, when creating or editing a contact, the "Create Contact" / "Save Contact" button cannot be clicked. Playwright reports: > `<div data-mcp-action="save">...</div>` intercepts pointer events The `data-mcp-action="save"` wrapper div sits on top of the actual `<button>` element and absorbs all click events, making it impossible to submit the form via mouse click. ## Steps to Reproduce 1. Open Communication > Contacts 2. Click "+ New Contact" 3. Fill in the form (Name, Public Key, etc.) 4. Try to click "Create Contact" — the click is intercepted by the parent div ## Expected The save button should be clickable. ## Root Cause The `data-mcp-action="save"` div likely needs `pointer-events: none` or the button needs to be outside/above it in z-order. ## Severity High — blocks creating/editing contacts entirely via mouse click
Author
Member

Screenshots

deep_contacts_03_form_filled.png

deep_contacts_03_form_filled.png

## Screenshots ### deep_contacts_03_form_filled.png ![deep_contacts_03_form_filled.png](https://forge.ourworld.tf/attachments/b6e8d22e-e28e-43fa-9891-d3c750a87a3e)
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
lhumina_code/hero_os#47
No description provided.