vscode: Incorrect scaling of native file picker

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

About this issue

  • Original URL
  • State: open
  • Created 5 years ago
  • Reactions: 3
  • Comments: 25 (4 by maintainers)

Most upvoted comments

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.)

I found a workaround

I experienced this issue with vscode stable 1.83.1, electron 25.8.4

My native screen resolution is 2K, 150% scaling

Code.exe > Compatibility > Change High DPI settings > High DPI scaling override Set this to System (Enhanced)

After this file explorer dialog started to appear with proper scaling.

I also tested it for 125% and 175% scaling and it worked too

image

image

image

Ok, I just updated to Windows 11 Version 21H2 (Build 22000.978) and now the file dialogs scale properly with VSC. This time for real. Still not a fix if you want to stay on Windows 10.

Upstream issue: electron/electron#26622

This is still occurring in 1.76.0. The upstream Electron bug has been closed without a fix due to inactivity, and I can’t re-raise it as VS Code is still using Electron v19 which is unsupported.

Definitely NOT fixed for me. works properly on the 4k 17" but not on the 4k 32"

Thanks

Donald

On Sat, Nov 27, 2021 at 8:52 AM Mike @.***> wrote:

This is still not fixed. There are 10 different issues and duplicates that have all been closed by a bot after not being addressed for a few years.

Open File dialog is still opened tiny (or huge) if you have a multi monitor setup with different DPI. That’s kind of a basic functionality for an editor, and multi monitor setups are prevalent for programmers. It breaks essential dialogs such as Open File and Save As. I am not sure why you are not pouring resources into this?

I opened this originally and it was fixed for my issue.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/microsoft/vscode/issues/85898#issuecomment-980631882, or unsubscribe https://github.com/notifications/unsubscribe-auth/ANQGGYXF5Z4EQN7AKAAUR63UODPANANCNFSM4JTOLMEQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

This is still not fixed. There are 10 different issues and duplicates that have all been closed by a bot after not being addressed for a few years.

Open File dialog is still opened tiny (or huge) if you have a multi monitor setup with different DPI. That’s kind of a basic functionality for an editor, and multi monitor setups are prevalent for programmers. It breaks essential dialogs such as Open File and Save As. I am not sure why you are not pouring resources into this?

Any update? It seems the bug is in Electron: is anyone working on it?

I think I’m having the same issue.

I have a primary 1080p monitor scaled at 100% and a secondary 4k monitor scaled at 150%. When I open a file/folder in vscode on the secondary monitory, the file explorer assumes the scaling of the primary monitory which results in a tiny and hard to read file explorer.

Version: 1.52.1 (system setup) Commit: ea3859d4ba2f3e577a159bc91e3074c5d85c0523 Date: 2020-12-16T16:34:46.910Z Electron: 9.3.5 Chrome: 83.0.4103.122 Node.js: 12.14.1 V8: 8.3.110.13-electron.0 OS: Windows_NT x64 10.0.18363