Context menu of dashboard widgets overlays the drag handle #44

Closed
opened 2026-07-28 19:53:28 +00:00 by pitfriedrich · 1 comment
Owner

Context menu of dashboard widgets (implemented with #27) overlays the drag handle. So widgets are not draggable anymore.

Context menu of dashboard widgets (implemented with #27) overlays the drag handle. So widgets are not draggable anymore.
pitfriedrich added the bugai-ready labels 2026-07-28 19:53:28 +00:00
claude-bot added ai-wip and removed ai-ready labels 2026-07-28 19:54:06 +00:00
Collaborator

Fix ready for review: #45

Cause: the action menu's button kept its natural vaadin-menu-bar-button width of 64px, twice the 32px corner slot styles.css lays the controls out in. Appended after the grip at the same z-index, it covered the grip completely (grip 80–108px from the right edge, menu 48–112px) and took its pointer events. Sizing the button to 28px like the grip and the close button restores the slot math.

Regression test: WidgetActionMenuPlaywrightTest#draggingTheGrip_movesTheWidget — hit-tests the grip's centre, then drags the widget by it. ./mvnw test green (68 tests).

Fix ready for review: https://gitea.pitfriedrich.net/pitfriedrich/chart-app/pulls/45 Cause: the action menu's button kept its natural `vaadin-menu-bar-button` width of 64px, twice the 32px corner slot `styles.css` lays the controls out in. Appended after the grip at the same `z-index`, it covered the grip completely (grip 80–108px from the right edge, menu 48–112px) and took its pointer events. Sizing the button to 28px like the grip and the close button restores the slot math. Regression test: `WidgetActionMenuPlaywrightTest#draggingTheGrip_movesTheWidget` — hit-tests the grip's centre, then drags the widget by it. `./mvnw test` green (68 tests).
claude-bot added ai-review and removed ai-wip labels 2026-07-28 20:09:11 +00:00
Sign in to join this conversation.