Vue devtools seem to break unrelated websites

[loilo]

I've had weird malfunctions today on two websites:

• mtf.ch (hero image not appearing)
• tso.ch (menu can't be opened)

I narrowed the misbehavior down to the Vue Devtools extension being enabled. Even in an otherwise completely pristine Chrome Canary, the devtools extension alone will make the sites malfunction, so I'm quite confident that the extension is at fault here.

It seems that the devtools extension blocks some JavaScript from being executed. At least the effects mentioned above are the same as disabling JavaScript on these sites. (Not all JavaScript is prevented from running though, only some parts.)

More info:

• The problem seems to be affecting both the legacy (6.) as well as the current (7.) branch of the devtools extension.
• Neither of the sites listed above seems to use Vue. I haven't found clues for Vue in their source, and the extension states that Vue has not been detected as well.
• There are no suspicious errors or warnings in the browser devtools console.
• I'm using macOS 15.3.2 and could verify the problem in Chrome 134 as well as Chrome 136 canary. The extension also doesn't seem to affect Firefox in the same way.

Please let me know if there's any more helpful information I could provide.

[mityaua]

Can confirm that. Moreover, in my case, sometimes it causes an infinity tab loop (but I can interact with site's elements).

[RobRoy]

Can confirm similar issues with usage of the cropperjs library (v2.x): when vue dev tools are enabled in Chrome the image handling in the cropper library breaks. Once I disable the dev tools, everything works.

[PatrickKennedy]

This also affects pages on https://payments.jagex.com, preventing the entire application from running