microsoft / clarity

A behavioral analytics library that uses dom mutations and user interactions to generate aggregated insights.
https://clarity.microsoft.com
MIT License
2.13k stars 212 forks source link

All input fields are masked even when mask setting is 'Relaxed' #309

Open asharafshahi opened 1 year ago

asharafshahi commented 1 year ago

We have setup a React SPA with Clarity masking set to Relaxed as we want to be able to see every data input entered by users. However, the recordings always mask all input fields during user entry. We also tried specifically adding data-clarity-unmask="true" to the body tag and also individual input tags to no avail. Are there any other options to force Clarity to avoid masking altogether?

Thank you

ClaritySupport commented 1 year ago

@asharafshahi ,although the masking mode is relaxed, having an attribute “type” with value “tel” still makes the element sensitive. There are two options to unmask ,either to add “data-clarity-unmask” as attribute on the masked element or unmask the element manually through the project dashboard check this link for more details: https://learn.microsoft.com/en-us/clarity/clarity-masking

moneyaddixt commented 1 year ago

one of the boxes that I want to unmask contains a "text" attribute, and when I try to unmask it either manually or through adding the "data-clarity-unmask" attribute it is still masked and the contents are not visible when I check the recordings feature on Microsoft clarity

ClaritySupport commented 1 year ago

Hello,

Could you please share below details to investigate further.

  1. element ID or class.
  2. Link to the page having this box/element.
  3. Clarity Project ID.
  4. Recordings having the box masked.

please share the recording having the issue using "Share option" as shown below to investigate the issue further.

  1. [Graphical user interface, text, application Description automatically generated]

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: moneyaddixt @.> Sent: Sunday, February 19, 2023 2:51 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] All input fields are masked even when mask setting is 'Relaxed' (Issue #309)

one of the boxes that I want to unmask contains a "text" attribute, and when I try to unmask it either manually or through adding the "data-clarity-unmask" attribute it is still masked and not visible when I check the recordings feature on Microsoft clarity

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F309%23issuecomment-1435954838&data=05%7C01%7Cv-vikasd%40microsoft.com%7Ca6aff8481a7d4abf232208db12673e7c%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638124006900673099%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=%2BnESQkcknSRTjg2zAjbl1HMRRqy6rIhngd69HT2nnBc%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ2EKILXI7OCYDAESKTWYH3KXANCNFSM6AAAAAASN7GDVQ&data=05%7C01%7Cv-vikasd%40microsoft.com%7Ca6aff8481a7d4abf232208db12673e7c%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638124006900673099%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=%2F4Resmrdzd5XhxOyY9mC1YUk%2BRP8P6fbLsXso7yyTus%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>

moneyaddixt commented 1 year ago

Below are the information required:

link to the page having this box https://fadiaboalward.com/7digits_checkout/

element ID or class, for both input fields. Name box: id = billing_first_name email box : id= billing_email

clarity project ID: eks6quxtop

recording: https://clarity.microsoft.com/shared/recording/f431073b-3c1c-40c6-9976-3e253bd7afba

ClaritySupport commented 1 year ago

These are all input boxes. Which will be maksed by default.

@.***

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: moneyaddixt @.> Sent: Tuesday, February 21, 2023 3:35 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] All input fields are masked even when mask setting is 'Relaxed' (Issue #309)

below are the information required:

link to the page having this box https://fadiaboalward.com/7digits_checkout/https://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Ffadiaboalward.com%2F7digits_checkout%2F&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cca77b2e7ae0e4430283808db13ffb189%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638125761176116206%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Nl1D9nu1bxT%2Fok0p6QiA2VGRQOVeancxSu2WZ5xVYjg%3D&reserved=0

element ID or class. Name id = billing_first_name email box : id= billing_email

clarity project ID: eks6quxtop

recording: https://clarity.microsoft.com/shared/recording/c7807112-c90a-4881-a8df-72af7346f84fhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fclarity.microsoft.com%2Fshared%2Frecording%2Fc7807112-c90a-4881-a8df-72af7346f84f&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cca77b2e7ae0e4430283808db13ffb189%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638125761176116206%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=AISwBRbcE6kc4q10cve1E6TddFG8OiHvFxJHBDCpCDs%3D&reserved=0

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F309%23issuecomment-1438326388&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cca77b2e7ae0e4430283808db13ffb189%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638125761176116206%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=tmGFWBxvbBDQ7Lr8Bb2H5qWmq7EEuVHlOJ7xarKcyek%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ722ZWNRVVQS73D4KDWYSR67ANCNFSM6AAAAAASN7GDVQ&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cca77b2e7ae0e4430283808db13ffb189%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638125761176116206%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=fr5rmIGmn6VRnJAMAqNkR0mTLs%2Fp%2FbZIQtS%2FcYWG%2BBw%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>

moneyaddixt commented 1 year ago

Can I unmask them through adding data clarity unmask=true, or any other way ?

ClaritySupport commented 1 year ago

They cannot be unmasked and is by design, Masking content | Microsoft Learnhttps://learn.microsoft.com/en-us/clarity/setup-and-installation/clarity-masking for more details.

Thanks, Clarity Support Team Visit our docs!: https://docs.microsoft.com/en-us/clarityhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fclarity&data=05%7C01%7Cv-vidasa%40microsoft.com%7C343fe08f40a94e184c6408da28fedd21%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C637867372409365494%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=Q1zklwmipOGmVmg01HjPFwTVAwft75whSRoB8fFF%2BoY%3D&reserved=0 @.**@.> @.***

Confidentiality note: This e-mail, and any attachment to it, contains privileged and confidential information intended only for the use of the individual(s) or entity named in the e-mail. If the reader of the e-mail is not the intended recipient, or the employee or agent responsible for delivering it to the intended recipient, you are hereby notified that reading it is strictly prohibited. If you have received this e-mail in error, please immediately return it to the sender and delete it from your system.

From: moneyaddixt @.> Sent: Thursday, February 23, 2023 1:38 AM To: microsoft/clarity @.> Cc: Microsoft Clarity Support @.>; Comment @.> Subject: Re: [microsoft/clarity] All input fields are masked even when mask setting is 'Relaxed' (Issue #309)

Can I unmask them through adding data clarity unmask=true, or any other way ?

- Reply to this email directly, view it on GitHubhttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fmicrosoft%2Fclarity%2Fissues%2F309%23issuecomment-1441451281&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cb5e2e685af2443a83afe08db1581a715%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638127418855201238%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=txrl9jFKLbf7cyNgwsks2aQbZqqe4dk51N%2BvRK%2BUK54%3D&reserved=0, or unsubscribehttps://nam06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAW5BXQ2VYDKSIMSPPWMATXDWY4VXPANCNFSM6AAAAAASN7GDVQ&data=05%7C01%7Cv-vikasd%40microsoft.com%7Cb5e2e685af2443a83afe08db1581a715%7C72f988bf86f141af91ab2d7cd011db47%7C1%7C0%7C638127418855201238%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=6B9wOp%2Fs%2FOb%2B5IFqnoMW1SvMaHxbswcLIohi9pSa0vM%3D&reserved=0. You are receiving this because you commented.Message ID: @.**@.>>

Vrq commented 5 months ago

It doesn't really make sense to not allow making input values visible. One of the reasons for watching recordings is to check what input caused a particular client issue.

midweste commented 4 months ago

Agree with Vrq, we as developers watch these recordings to understand why we have particular issues. Need a way to unmask anything