Masked inputs while creating captures

This article explains how to use the Masked Inputs feature in the Capture extension, allowing you to decide which fields should be masked in video recordings or captured events. This feature is useful for hiding sensitive information, ensuring data privacy during recordings or event captures.

To start utilising this feature, click on the extension and then on the settings icon.

Once you are on the settings page, under the Mask inputs, provide a list of selectors you want to mask.

These selectors determine which elements will be hidden or blurred in the captured steps or video.

For example:

  • input[type=password]: Masks password fields, to ensure that any password fields are hidden during recordings or event captures.

  • input[type=tel]: Masks other field types too.

  • input[name=username]: You can target specific fields by their attributes or classes to mask username input fields.

  • .item-a: Masks elements with the class item-a.

Use comma-separated values for multiple selectors.

If you want to blur elements as well as masking them, add an exclamation mark ! at the beginning of the selector.

For example: !input[type=tel] will blur the field as well as masking it under the steps section.

Masking does not affect the functionality of the input fields; it only hides their content in the visual output.

To find the field type from your page, select the field, and the right-click and then click 'Inspect'

The needed field will be selected and highlighted. Add this information as per information in console.

Last updated

Was this helpful?