Describe the bug
During forward playback of a recording, elements display an incorrect value (e.g., showing "Other" instead of
the recorded "House"). However, when seeking/rewinding to the same point in time, the correct value is displayed.
This suggests the recorded data is correct, but the player is not properly applying select value changes during
forward playback. The seek/rewind code path appears to work correctly.
To Reproduce
Record a session where a React controlled element has its value changed programmatically (e.g., via
auto-detection)
Play back the recording from the beginning
Observe the select shows wrong value (last option "Other" in our case)
Seek/rewind to the same point where the value should be set
Observe the select now shows the correct value
Expected behavior
Select element should show the correct value during both forward playback and seeking.
Environment
- rrweb version: 2.0.0-alpha.20
- Framework: React 19 (controlled with value prop)
Browser: Chrome (also reproducible in other browsers)
Additional context
Using maskInputOptions: { select: false } to avoid masking select values
The select is a React controlled component using value prop, not selected attribute on options
Other input types (text, etc.) work correctly during playback
Describe the bug
During forward playback of a recording, elements display an incorrect value (e.g., showing "Other" instead of the recorded "House"). However, when seeking/rewinding to the same point in time, the correct value is displayed. This suggests the recorded data is correct, but the player is not properly applying select value changes during forward playback. The seek/rewind code path appears to work correctly. To Reproduce Record a session where a React controlled element has its value changed programmatically (e.g., via
auto-detection)
Expected behavior
Select element should show the correct value during both forward playback and seeking.
Environment