question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Incorrect scaling of native file picker

See original GitHub issue

VS Code Version Version: 1.40.2 (user setup) Commit: f359dd69833dd8800b54d458f6d37ab7c78df520 Date: 2019-11-25T14:54:45.096Z Electron: 6.1.5 Chrome: 76.0.3809.146 Node.js: 12.4.0 V8: 7.6.303.31-electron.0 OS: Windows_NT x64 10.0.19033

Steps to Reproduce: Using a 4k display (mine is an XPS 15 7590 with OLED screen with 1080p extra monitor. This could be a windows problem, but I am not seeing it happen on other apps. Closest I have seen is when using Windows Explorer there is an awkward transition between 4k screen and normal screen.

Also notice VS Code is not correctly showing on non-4k screen. See image 4 below. The bottom of vs code is under taskbar. Changing task bar to top also doesn’t seem to fit properly.

  1. File > Open Folder
  2. Open Folder Modal is really large on 1080p screen, but normal on 4k screen.

Screenshots

4k Screen img_1 4k Open Modal window img_2 1080p Modal window dragged over img_3_1080screen 1080p VS Code open modal on 1080 screen img_4_1080screen Windows Version img_5

Does this issue occur when all extensions are disabled?: Yes/No Yes

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:2
  • Comments:20 (4 by maintainers)

github_iconTop GitHub Comments

4reactions
redfrogredcommented, Mar 7, 2022

I am having same issue. (I run dual monitors, one 4k, one 1080p. The File Picker opens so small it is very difficult to use.)

2reactions
yume-chancommented, Feb 21, 2021

Upstream issue: electron/electron#26622

Read more comments on GitHub >

github_iconTop Results From Across the Web

Windows scaling issues for high-DPI devices - Microsoft Support
Right-click the application, select Properties, select the Compatibility tab, and then select the Disable display scaling on high DPI settings check box.
Read more >
Firefox correctly uses KDE file picker - but uses wrong font ...
Now after the latest update two days ago, suddenly the file picker ignores KDE scaling. This results in really tiny fonts within the...
Read more >
Configuration of DPI matching and client-side scaling with ...
DPI scaling is a critical consideration when using high-resolution monitors (over 1920x1080) ... resulting in blurry text and incorrect sizing of graphics.
Read more >
How to Fix Windows 10 Blurry Text Issues - Help Desk Geek
Blurry text might be the result of incorrect global text scaling settings. ... Right-click on the app and select open file location.
Read more >
Support different pixel densities - Android Developers
You can disable pre-scaling dimensions and images by setting android:anyDensity to "false" in the manifest or programmatically for a Bitmap by ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found