Touch / click target test
Press and hold the blue box, then release. The selected mutation runs after the selected delay,
measured from touchstart. Watch whether a click is dispatched at all, and to which element.
Mutation
A · appendChild overlay, under the finger
B · appendChild overlay, top-right corner
B2 · same, but opacity 0 → 1 via CSS transition (200ms)
B3 · same, but stays 0×0 size (never resized)
B4a · same as B3, but resized to full size 50ms after insertion
B4b · same as B3, but resized to full size 100ms after insertion
B4c · same as B3, but resized to full size 150ms after insertion
B4d · same as B3, but resized to full size 200ms after insertion
B4e · same as B3, but resized to full size 300ms after insertion
B5 · same as B3, but scale 0 → 100% 100ms after insertion
C · node under the finger, but visibility:hidden
D · existing far box, opacity 0 → 1
D2 · same as D, but opacity 0 → 1 via CSS transition (100ms)
E · existing far box, display none → block
F · wrap #base in a new ancestor
G · remove #base from the document
H · innerHTML overlay, under the finger
I · no mutation (baseline)
Delay after touchstart
0
50ms
300ms
800ms
Clear log
Reset DOM
TOGGLED