Doesn't work with on angular SPA

[jay845]

I'm trying to use clarity for my angular SPA, but the recordings only displays the entry page, even when user navigates to different pages ( Sometimes i see just a blank screen) . Looks like it doesn't capture URL changes correctly, nor does it navigate to the changed page.

[sarveshnagpal]

@jay845 - Could you please share a link to the site where this can be reproduced? I can take a look and see what's going on.

[williamverdolini]

@sarveshnagpal i continue to see rendering problems with my angular application, as you can see:

same problems with heatmaps; here's a link for a sample recording https://clarity.microsoft.com/shared/recording/78b2cda0-f0c6-43cf-810b-d84126af3146

[chlfla1012]

Did you solve this problem? I have the same problem.

[De-Lac]

same problem here. It worked since few weeks ago. I am using the old AngularJS

[elliothogg]

Anyone managed to overcome this issue? Maybe by reloading the script on each page navigation

[niravparikh05]

I am facing the same issue, I don't see any traction here .. anyone able to figure out what's going on by any chance ?

[fexxdev]

up

[kopyl]

up

[marcellphelipe]

same problem here

[moustaphaalaa]

@marcellphelipe can you share a link for the site where the issue can be reproduced cc: @kopyl @federicobenedetti @niravparikh05 @elliothogg @De-Lac @chlfla1012

[OmkarJ13]

same problem here with AngularJS, any updates?

[Yoko-0x0]

temporary solution while clarity sees this error....

You can use domain in your .css before <link rel="stylesheet" href="styles.abcde.css" after <link rel="stylesheet" href="http://mydomain/styles.abcde.css"

[karlholbrook]

The fix above setting the full path worked for us too, we use Angular 12. On our site, everything was fine on the pages using the base URL, http://mysite.com/ but as soon as the user navigated to https://mysite.com/anotherpage the css broke. Adding the full path for the css fixed. I guess clarity is looking for the css relative to the page, which it won't find. When switched to an absolute css path it works.

[Novaera]

Same problem, checking the recordings, I see that they copy the link of the styles at the moment of record and as we know, with each build of Angular, the file name changes... hope this help.

[JudahGabriel]

Also hitting this problem. We can workaround with some difficulty, but why isn't this fixed in Clarity?

[AnjeyV]

up