microsoft / microsoft/vscode-edge-devtools
Css file not changing when making changes in dev tools (css mirroring says it is enabled)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 827
- Forks
- 358
- Avg merge
- 20h 32m
- Merged PRs (30d)
- 10
Description
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:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the issue with an index.html file served at localhost:8080, then compare CSS edits made in Edge DevTools with the extension's CSS mirroring setting and sidebar state. Done means changing a CSS rule in DevTools also updates the corresponding CSS file in VS Code.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript, vscode
- Domain
- devtools, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100