Skip to content

interaction.md

Latest commit

 

History

History
21 lines (13 loc) · 723 Bytes

interaction.md

File metadata and controls

21 lines (13 loc) · 723 Bytes
Raw

Interact With UI During Replay

By default, the UI could not interact during replay. But you can use API to enable/disable this programmatically.

import { Replayer } from '@rrweb/replay';

const replayer = new Replayer(events);

// enable user interact with the UI
replayer.enableInteract();

// disable user interact with the UI
replayer.disableInteract();

rrweb uses the pointer-events: none CSS property to disable interaction.

This will let the replay more stable and avoid some problems like navigate by clicking an external link.

If you want to enable user interaction, like input, then you can use the enableInteract API. But be sure you have handled the problems that may cause unstable replay.