microsoft / microsoft/vscode-edge-devtools

Page looks blurry on retina screen

Open
#1,190 6 comments 2 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 11
  • Extension version (e.g., 1.2.3): v2.1.1

Describe the bug:

The page looks blurry when screen scaling is set to a value over 100%.

Repro steps:

  1. Go to Windows Settings.
  2. Set screen scaling to a value > 100%
  3. Open any html file using Microsoft Edge Tools

Expected behavior:

Page should not look blurry on any screen scaling value.

Additional context:

image

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 reproducing the issue on Windows 11 with display scaling above 100%, then open an HTML file using Microsoft Edge Tools for VS Code. Investigate the extension's rendering path and verify that the page remains sharp at non-100% scaling values.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.