The Speakeasy Door · Right-Click & Double-Click
The two mouse gestures plain .click() never covers: right-click opens a custom menu, a knocker reacts only to a genuine double-click.
Right-click the unmarked door for the secret menu. The knocker only answers a double-knock.
Right-Click & Double-Click is a medium Mouse & Keyboard challenge on Fun UI Playground. The two mouse gestures plain .click() never covers: right-click opens a custom menu, a knocker reacts only to a genuine double-click. It runs entirely in the browser, with no backend. Every interactive element carries a stable id and data-testid prefixed with “context-menu-”, and the techniques it exercises are context-click actions, double-click actions, custom menus, keyboard menu navigation.
At a glance
- Category
- Mouse & Keyboard
- Difficulty
- medium
- Teaches
- context-click actions · double-click actions · custom menus · keyboard menu navigation
- Backend
- None — runs entirely in the browser
- Locators
- Stable
idanddata-testid, prefixedcontext-menu-
Selectors on this page
| Locator | What it is |
|---|---|
#context-menu-door #context-menu-popup | Right-click #context-menu-door (or focus it and press Shift+F10) to open #context-menu-popup (role="menu") |
#context-menu-item-1 | Menu items: #context-menu-item-1 … -3 (role="menuitem") — arrows move, Enter picks, Escape closes |
#context-menu-knocker | Double-click #context-menu-knocker for the double-knock; a single click gets a gentle hint instead |
#context-menu-result | Every outcome lands in #context-menu-result |
Frequently asked questions
How do I automate a right-click or a double-click?
Use the dedicated action rather than .click(). Right-click #context-menu-door (or focus it and press Shift+F10) to open #context-menu-popup; double-click #context-menu-knocker for the double-knock. A single click gets a hint instead, so the distinction is assertable.
How do I navigate a custom context menu by keyboard?
The popup is role="menu" with items #context-menu-item-1 … -3 (role="menuitem"): arrows move, Enter picks, Escape closes. Every outcome lands in #context-menu-result.
More Mouse & Keyboard
- The Ring Bearer · Drag and Drop
- House Sigils · Hovers
- Throttle Lever · Sliders
- Night at the East Wing · Tooltips
- The Consent Gauntlet · Obscured Elements
- All Mouse & Keyboard challenges
Updated
Fun UI Playground — all challenges, bug hunts, getting started, glossary, about.