UI: Window elements unclickable — island window div intercepts pointer events across multiple islands #58

New issue

Closed

opened 2026-04-15 13:34:54 +00:00 by zaelgohary · 1 comment

zaelgohary commented

2026-04-15 13:34:54 +00:00

Member

Description

A systemic issue where <div> elements in the island window tree intercept pointer events, preventing clicks from reaching interactive elements beneath them. This has been observed in multiple contexts:

Contacts: <div data-mcp-action="save"> blocks the Create Contact button (issue #47)
Business CRM: <div class="fs-base fw-bold text-primary">Business</div> from the window subtree intercepts clicks on person rows in the list
Photos: <div> from island window-shadow-focused subtree intercepts right-click on photo items

All failures share the same Playwright error pattern:

<div>...</div> from <div class="island window-shadow-focused">...</div> subtree intercepts pointer events

Root Cause

The window chrome system's overlay divs (for drag handles, resize zones, or header bars) are likely positioned over the island content area and consuming pointer events. This may be a z-index or pointer-events CSS issue in the window management layer.

Affected Islands

Contacts (save button)
Business CRM (clicking list rows)
Photos (right-click on items)
Likely all islands with scrollable content areas

Steps to Reproduce

Open any island (e.g., Business > Persons)
Try to click on a data row in a table
The click is intercepted by a parent div in the window chrome

Severity

Critical — this is a systemic issue affecting interaction with content in multiple islands

## Description A systemic issue where `<div>` elements in the island window tree intercept pointer events, preventing clicks from reaching interactive elements beneath them. This has been observed in multiple contexts: 1. **Contacts**: `<div data-mcp-action="save">` blocks the Create Contact button (issue #47) 2. **Business CRM**: `<div class="fs-base fw-bold text-primary">Business</div>` from the window subtree intercepts clicks on person rows in the list 3. **Photos**: `<div>` from `island window-shadow-focused` subtree intercepts right-click on photo items All failures share the same Playwright error pattern: > `<div>...</div> from <div class="island window-shadow-focused">...</div> subtree intercepts pointer events` ## Root Cause The window chrome system's overlay divs (for drag handles, resize zones, or header bars) are likely positioned over the island content area and consuming pointer events. This may be a z-index or pointer-events CSS issue in the window management layer. ## Affected Islands - Contacts (save button) - Business CRM (clicking list rows) - Photos (right-click on items) - Likely all islands with scrollable content areas ## Steps to Reproduce 1. Open any island (e.g., Business > Persons) 2. Try to click on a data row in a table 3. The click is intercepted by a parent div in the window chrome ## Severity Critical — this is a systemic issue affecting interaction with content in multiple islands

deep_crm_persons_01_list.png

90 KiB

zaelgohary commented

2026-04-15 13:34:55 +00:00

Author

Member

Screenshots

deep_crm_persons_01_list.png

## Screenshots ### deep_crm_persons_01_list.png ![deep_crm_persons_01_list.png](https://forge.ourworld.tf/attachments/c726c3e0-7b1d-4b8e-a40f-3e7f4795325a)