microsoft
Css file not changing when making changes in dev tools (css mirroring says it is enabled)
Environment (please complete the following information): VS Code Version: Version: 1.60.2 (Universal) Microsoft Edge Version 94.0.992.31 (Official build) (x86_64) macOS Big Sur
Describe the bug:
when i run my index.html file on localhost:8080 for example and try to edit the CSS in the dev tools, the extension properly tracks my location within the CSS file(highlights the correct area) BUT it does NOT edit anything in my CSS file as I change things within the dev tools(yes i checked that css mirroring was enabled in settings and in the sidebar). (also stable and default are the only settings that let me launch an instance without an error).
Repro steps:
Expected behavior:
Additional context:
@mliao95 @flynnolivia This sounds like a bug where we are enabling CSS mirroring for any CDN tools, when I'm not sure they are all supported. Do we need a better gating system?
That is probably one part of it. However, CSS mirroring should be available starting version 94.0.988.0+.
@omarragab1219, do you happen to have a sample repo that I can test this bug on or could you give me some more detailed steps on how your index.html is set up? Is it inline css inside styles tags or do you have an external stylesheet?
Screen Recording 2021-09-27 at 2.05.19 PM.zip
)
Hi i attached two pictures with version numbers and also a video. It's an example basically just a simple html document named "index.html" and a css file names "style.css" and there is a link tag in the html document referencing the css file. I click on the extension and launch an instance, i start up the index.html file by running live-server which starts it up on http://127.0.0.1:8080/ and then navigate to in edge and when i try to change styles in dev tools that pop up, they dont change my styles.css file
I'd be happy to help with any additional screenshots or videos.