Vue.js devtools and Cookiebot by Usercentrics

[thommyhh]

This is kind of strange behaviour and a bit difficult to describe, but I try my best.

I've installed the Vue.js devtools extension in Google Chrome (https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd). When visiting websites, that use the Cookiebot by Usercentrics, and do not consent to all cookies, some (maybe all) javascript of the website stops working. Sometimes I can't even click on the main menu items.

When either consenting to all types of cookies or disabling the Vue.js devtools the site works as expected. I observed this behaviour on at least the following two sites:

• https://evaerk.dk/
• https://jannieoestergaard.dk/

[alexzhang1030]

Hey, if you don't open chrome devtools, we are not injecting any JS code into your extension host.

I'm not sure it's related to vue-devtools., I will try to inspect it when I have some free time.

[hognevevle]

We experience the same issue on https://www.webhuset.no/ . Whenever the Vue.js devtools extension is enabled, the following problems arise if you reject the cookies offered by Cookiebot:

• Initial transitions do not fire on the site (basicly all the main content gets transitioned in, meaning it never appears unless you start scrolling)
• More troublesome: hover states do not fire as intended on the "Hosting" and "Logg inn" main menu items (possibly others), causing their related dropdowns to not work (they simply don't appear).

I also started seeing this the same time as we introduced the UserCentrics Cookiebot. It happens even without the dev tools being open at all, all it takes is for the extension to be enabled in Chrome.

Screen recording (file was too big for Github): https://share.cleanshot.com/TJW88265