PlayLogPlayLog
Back to Playground

Clicks & Input

Click events on various elements and form input captures with different field types.

Interactive Test Area

Click and type in the elements below. PlayLog will capture each interaction as it happens.

Simple Button Click

Nested Element Click

Icon-Only Button

Dynamic Element

Text Input

Email Input (aria-label)

Textarea

Password (Should NOT Capture)

Checkbox Toggle

Programmatic Triggers

Simple Button Click
Click
A plain button with text content — captures selector, text, and coordinates.

Click event: selector, text, x/y coordinates

Click on Nested Element
Click
Click fires on a deeply nested <strong> inside a button — tests CSS selector depth.

Click event: deep CSS selector path to inner element

Icon-Only Button (No Text)
Click
A button with only an SVG icon — text should be captured as empty string "".

Click event: text is ""

Click on Dynamic Element
Click
Creates a new element at runtime then clicks it — tests capture of dynamically added DOM.

Click event for dynamically created element

Text Input
Input
An <input type="text"> with a name attribute — captures label, value, and inputType.

Input event: inputType "text", label from name, value

Email Input (aria-label)
Input
An email input with an aria-label — tests label priority (aria-label first).

Input event: inputType "email", label from aria-label "Email address"

Textarea Input
Input
A <textarea> with a placeholder — tests label detection from placeholder.

Input event: label from placeholder, value captured

Password Field (Should NOT Capture)
Input
A password input — PlayLog skips these for privacy. No input event should appear.

NO input event captured (privacy filter)

Checkbox Toggle
Input
A checkbox input — captures value "on" when checked.

Input event: inputType "checkbox", value "on"