microsoft / microsoft/vscode-edge-devtools
CSS mirroring does not work for inline stylesheets
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 827
- Forks
- 358
- Avg merge
- 20h 32m
- Merged PRs (30d)
- 10
Description
Version:
1.4.1
OS:
Windows 11
Stack :
Error: cannot open file:///c%3A/Users/pabrosse/dev/edge-demos/detached-elements. Detail: Unable to read file 'c:\Users\pabrosse\dev\edge-demos\detached-elements' (Error: Unable to read file 'c:\Users\pabrosse\dev\edge-demos\detached-elements' that is actually a directory)
Additional context:

I think the problem is coming from the fact that my styles are in an inline <style> tag in the HTML file. Not in a separate stylesheet.
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
The report does not name any source files, tests, or entry points. Reproduce the issue with an inline <style> tag on Windows 11 using version 1.4.1, then trace how CSS mirroring handles that document and compare it with an external stylesheet. Done means inline styles can be mirrored without the directory-read error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, typescript
- Domain
- devtools, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100