Always syncing CSS changes in the Styles pane about devtools HOT 6 OPEN

Are you using DevTools from within VSCode, by using our Edge DevTools VSCode extension? If so, then you might need to disable "CSS mirroring" as explained here: https://learn.microsoft.com/en-gb/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/css-mirror-editing-styles-tab

from devtools.

I was not using edge from inside VSCode, but I did have the extension installed. I've since uninstalled it and rebooted VSCode and Edge but my all my changes (.CSS and everything else) are all still syncing.

from devtools.

For now I'm just going to unlink my workspace, as the only reason I want them linked is to be able to open my files in VSCode through the Devtools console or elements tab etc. But since that isn't working for me right now, I'll just unlink.

This is not ideal though, because I can no longer hot reload my styles by altering my files, I have to refresh the page again for them to take effect.

from devtools.

Bump

from devtools.

I do not have VSCode installed at all - I'm having this issue.

"Sync CSS changes in the Styles pane" is unchecked.

If I remove the folder from the "Workspace", changes made to the file directly in another application (Visual Studio, Notepad++, etc) are not synced at all, meaning I have to refresh the page for every change made - which is not what I want.

Previously, there was a setting that allowed changes made outside the browser to be applied as soon as the file was saved, but kept changes made in DevTools from being written to file. I'm not sure if that's the "Sync CSS changes in the Styles pane" and it is broken, or if there's another setting somewhere else that isn't intuitively named.

from devtools.

Sorry about the delay here. I've marked this as tracked for our dev team to triage/prioritize it on their backlog.

from devtools.