The Consent Gauntlet · Obscured Elements
The two ways real pages eat your clicks: a consent overlay covering the button, and a button that hops between spots until it settles.
A cookie overlay eats your click, then the prize button refuses to sit still.
Obscured Elements is a hard Mouse & Keyboard challenge on Fun UI Playground. The two ways real pages eat your clicks: a consent overlay covering the button, and a button that hops between spots until it settles. It runs entirely in the browser, with no backend. Every interactive element carries a stable id and data-testid prefixed with “click-intercepted-”, and the techniques it exercises are intercepted clicks, dismissing overlays, moving targets, wait for enabled.
At a glance
- Category
- Mouse & Keyboard
- Difficulty
- hard
- Teaches
- intercepted clicks · dismissing overlays · moving targets · wait for enabled
- Backend
- None — runs entirely in the browser
- Locators
- Stable
idanddata-testid, prefixedclick-intercepted-
Selectors on this page
| Locator | What it is |
|---|---|
#click-intercepted-claim #click-intercepted-banner #click-intercepted-accept | Exercise 1: #click-intercepted-claim is covered by #click-intercepted-banner — dismiss via #click-intercepted-accept first |
#click-intercepted-start #click-intercepted-prize | Exercise 2: #click-intercepted-start launches the sale; #click-intercepted-prize hops for ~1.8 s and is disabled until settled |
#click-intercepted-result | Outcomes land in #click-intercepted-result · add ?delay=300 to shorten the sale for CI |
Frequently asked questions
What does "element click intercepted" mean and how do I fix it?
Something is on top of your target. Here #click-intercepted-banner covers #click-intercepted-claim, so dismiss it with #click-intercepted-accept first. A force-click cheats past the overlay — and hides the class of bug the error was reporting.
How do I click a button that keeps moving?
Don't chase it. #click-intercepted-prize hops for about 1.8 seconds and stays disabled until it settles, so wait for the enabled state — the honest signal — then click. ?delay=300 shortens the sale for CI, and results land in #click-intercepted-result.
More Mouse & Keyboard
- The Ring Bearer · Drag and Drop
- House Sigils · Hovers
- Throttle Lever · Sliders
- The Speakeasy Door · Right-Click & Double-Click
- Night at the East Wing · Tooltips
- All Mouse & Keyboard challenges
Updated
Fun UI Playground — all challenges, bug hunts, getting started, glossary, about.