microsoft / microsoft/vscode-edge-devtools

Cannot mirror CSS Content to Document.

Open
#1,807 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug tracked
Dominant language
TypeScript
Stars
827
Forks
358
Avg merge
20h 32m
Merged PRs (30d)
10

Description

Environment (please complete the following information):

  • OS (e.g., Windows 10): Windows 10 22H2
  • Extension version (e.g., 1.2.3): 2.1.3

Describe the bug:

Error while mirroring css content to document. Could not mirror css changes to document. No workspace mapping was found for 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/scss/_reboot.scss'.
Repro steps:

I tried to deactivate a css property in DevTools (-webkit-text-size-adjust) and then the message (like just above)
and the property wasn't changed.
Expected behavior:

I just wanted to disable this property.
Additional context:

Capture d’écran 2023-10-26 083102

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by tracing the CSS mirroring flow and its workspace-mapping lookup, using the reported Bootstrap _reboot.scss URL and the -webkit-text-size-adjust edit as the reproduction case. Done means the CSS property change is mirrored to the document without the workspace-mapping error.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.