User Actions
Every click, scroll, and form input is logged with timestamps for a complete activity trail.
Overview
VibeCheck tracks user interactions with the page during a recording. Every click, scroll, keyboard input, and navigation is logged with precise timestamps, creating a step-by-step timeline of what happened.
What gets tracked
| Action | Details captured |
|---|---|
| Clicks | Element selector, text content, coordinates |
| Scrolls | Scroll direction and position |
| Keyboard input | Key presses in form fields (values are masked for password fields) |
| Form changes | Input, select, and textarea value changes |
| Page navigations | URL changes including pushState and popState |
| Tab visibility | When the user switches away from the tab |
Viewing the timeline
On the VibeCheck platform, the Actions tab shows all captured actions in chronological order. Each entry includes:
- Timestamp — when the action occurred (e.g.,
0:12) - Action type — click, scroll, input, navigate
- Details — element selector, text content, or URL
For video recordings, clicking an action entry jumps the video to that exact moment.
How it helps
User action tracking solves the "what did you do?" problem:
- Exact reproduction steps — developers see the precise sequence of actions
- No guesswork — every interaction is recorded, even small ones like scrolls
- Timing information — see how quickly actions happened and if there were pauses
- Form data — see what values were entered (except passwords)
Privacy
- Password field values are automatically masked
- VibeCheck does not capture keystrokes outside of form fields
- Only interactions within the recorded tab are tracked
Tips
- Follow the timeline to understand the exact sequence that triggered the bug
- Look for unexpected actions — accidental double-clicks, missed form fields
- Check navigation events — bugs often occur during page transitions
- Combine with session replay — use the recorded actions to automatically reproduce the bug