devtools
devtools copied to clipboard
vuejs
When devtools is open page starts dragging
Version
6.0.8
Browser and OS info
Firefox Developer Edition 98.0b3 - MacOS Monterrey 12.1
Steps to reproduce
Open an app with Vue3 served in dev mode. Open the devtools Navigate to the Vue tab
What is expected?
Page of the app to behave normally
What is actually happening?
Page starts dragging when trying to scroll and input text on text fields gets slow and eventually unresponsive for a few seconds.
I'm working on an app with Quasar Framework v2 and VueJS v3, not sure how relevant Quasar is in this issue, but I think it's worth mentioning. Devtools v5 was not having this issue, but I can't recall which minor version I was using, sorry.
Please provide a runnable reproduction so I can investigate your issue. Thanks
I have the same issue. Everything on the page becomes incredibly slow the moment I switch to the Vue tab. I was on the latest v5, and as soon as I changed to v6 this started happening. Currently on v6.0.6.
I can't share my app, but it has nothing crazy: Vue2, Vuex.
i got the same Problem, have a Custom Dropdown component which renders a country list (about 200 entries). Hovering the dropdown entries is getting crazy slow after switching to the Vue Devtools Tab.
also can't share my App, but my guess is that it has something todo with the event tracking? not sure, but feels like.
using Vue 3 with Pinia, but the Dropdown content is not in pinia so i guess it has nothing todo with it.
This is very weird. I never had this issue until I updated to v6+. But then I reverted to previous version I had V5.4.3 and the issue persists. I installed it using https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp.
I run into this once in awhile, but usually it's fine. Closing and reopening the entire web inspector usually helps.
I have this issue too, i use vue2. when i reverted to v5.4.3, it works fine. But v6.1.4, my page got very slow, and devtool's search components also working slow
Having this issue too, need to toggle inspector off and on again as @symmetriq mentioned. Tried to turn off the updates tracking features as well with other features in vue devtools settings, but not helping a lot. As soon as switching to vue-dev tools, and if page with list of records were loaded, things will slow down a lot. Loading a table with 20 recods will need around 3 seconds.
