Why this is here

Six small, deliberately unfair click targets — a decoy that looks right but isn't, a button that runs from the cursor, a click region smaller than the element itself, a position defined only by a number, an element the browser insists isn't visible, and text your automation tool might try to "interpret" instead of typing literally.

1. Pick the correct one

Click the button labeled "CLICK ME!" — not the other one.


2. Evasive button

This button jumps to a new spot the moment your cursor gets close. A real click event still lands it — hovering first doesn't.


3. Click a precise sub-region

Click in the right half of this button specifically.


4. Percentage-position click

Generate a stripe, then click it. The number tells you its position as a percentage of the track's width — useful if your tool clicks by coordinate instead of by element.


5. Genuinely hidden element

Who turned off the lights? There's a real, clickable element in this box — visibility: hidden, not removed. Most frameworks' plain .click() refuses to click it; you'll likely need a forced or JS-executed click.


6. Escape special syntax

Type the literal four characters {Click} — braces included — into this box. Some tools treat {...} as a special-key code; you may need to escape it.

Initial state.