Clarity: Duplicate <style> elements for icons and tooltip are constantly added to the <header> when navigating between pages.

[mking200]

Describe the bug

When you navigate between pages, these 2 <style> elements for icons and tooltip below are constantly being generated.

So the more pages you navigate to, the more copies of these elements will end up on the <header>

```

````

How to reproduce

This behavior is also present in the Clarity Demo App

Steps to reproduce the behavior:

1. Open the inspect element of the browser. And view the end of <header> element.
2. Navigate to any of the same 2 pages. Example: "badges" and "cards"
3. Go back and forth between these 2 pages.
4. You will notice the same <style> elements are being added each time you switch pages.

Expected behavior

Only 1 copy of these <style> element should be generated.

[gnomeontherun]

I'm not seeing this behavior on the test site that you pointed to, and this behavior is normally controlled by Angular to inject CSS into the page based on the active component. Can you provide a reproduction of your own scenario that demonstrates this?

[mking200]

@gnomeontherun here is a screen recording of the bug:
https://www.dropbox.com/s/qe83kcxyt0ymm5q/clarity_screencast.gif?raw=1

The same behavior also happens on my local project with these versions of Angular and Clarity:

Angular: 7.2.2
Clarity: 1.0.4

[youdz]

These .BDTLL_ classes are not part of Clarity. I am not seeing this either, like Jeremy.

I can't find anything on Google on these BDTLL classes. Do you have an extension in your browser that could be generating these? Are you working on our actual demo apps, or did you fork the project? Right now this really looks like it has nothing to do with Clarity, the styles generated are clearly not ours.

[mking200]

@youdz sorry, it is not from Clarity. This also happens when I visit other websites, so it must be from a browser plugin. Closing this issue now.

[drhax9908]

sorry to post on this very old closed issue, but I had a similar issue with my own website, and I found the source of that extension altered code. If you use BitDefender TrafficLight, it will add code to the site, the div tag with id BDTLL_feedback is one of the things it adds.. No clue why it was adding style code however. I confirmed it was BitDefender's extension by turning it off. I honestly thought I had been compromised for a while. Good luck with coding

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.