feat(editor): a tap opens a device's menu in the simulation; undo and redo drawn

In the simulation a tap on a device chooses it and opens its menu where
the finger was; the three-dot button is gone there, the long press stays.
The context menu moves in from the surface's edge instead of being cut off.
Undo and redo show drawn arrows: the characters took whatever font the
device had and looked squashed on an iPad (the buttons measured 44 x 44 at
every width; the size was not the cause).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-11 08:04:57 +00:00
co-authored by Claude Opus 5.5
parent ae10ee6c31
commit 15498a2bed
8 changed files with 108 additions and 42 deletions
+1 -2
View File
@@ -78,9 +78,8 @@ export async function showFromMenu(page: Page, id: string, item: string | RegExp
const open = page.locator('.simulation-sheet__close');
if ((await open.count()) > 0) await (touch ? open.tap() : open.click());
const at = await onDevice(page, id);
// In the simulation a tap opens the device's menu.
await (touch ? page.touchscreen.tap(at.x, at.y) : page.mouse.click(at.x, at.y));
const button = page.locator('.device-menu-button');
await (touch ? button.tap() : button.click());
const entry = page.getByRole('menuitem', { name: item, exact: true });
await (touch ? entry.tap() : entry.click());
}