vscode
vscode copied to clipboard
File -> Open Recent -> Scroll bar bug
Type: Bug
Hello,
I've noticed there is a UI bug in the app.
How to reproduce:
- Open and close multiple files and directories with long paths. Open as many as it takes for the scroll bar to appear.
- Resize VS Code to a smaller window similar to the one on the screenshot
- Open File -> Open Recent
Expected: The scrooll bar is shown at the Right-most position of the files/directories list
Actual: The scroll bar is rendered somewhat in the middle of the list of files and directories. (see screenshot)
VS Code version: Code 1.85.1 (0ee08df0cf4527e40edc9aa28f4b5bd38bbff2b2, 2023-12-13T09:49:37.021Z) OS version: Windows_NT x64 10.0.19045 Modes:
System Info
Item | Value |
---|---|
CPUs | 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz (8 x 1690) |
GPU Status | 2d_canvas: enabled canvas_oop_rasterization: enabled_on direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled |
Load (avg) | undefined |
Memory (System) | 31.75GB (10.91GB free) |
Process Argv | |
Screen Reader | no |
VM | 0% |
Extensions (32)
Extension | Author (truncated) | Version |
---|---|---|
ng-template | Ang | 17.1.0 |
unique-lines | bib | 1.0.0 |
vscode-eslint | dba | 2.4.4 |
githistory | don | 0.6.20 |
xml | Dot | 2.5.1 |
gitlens | eam | 14.7.0 |
EditorConfig | Edi | 0.16.4 |
prettier-vscode | esb | 10.1.0 |
url-encode | fle | 1.1.0 |
auto-rename-tag | for | 0.1.10 |
vscode-jasmine-test-adapter | hbe | 1.8.2 |
vscode-test-explorer | hbe | 2.21.1 |
vscode-guid | hea | 1.8.1 |
dupchecker | jia | 0.1.7 |
angular-essentials | joh | 16.0.4 |
Angular2 | joh | 16.0.1 |
vscode-peacock | joh | 4.2.2 |
json-escaper | jos | 1.1.2 |
docomment | k-- | 1.0.0 |
tag-rename | kri | 0.2.1 |
csharp | ms- | 2.15.30 |
vscode-dotnet-runtime | ms- | 2.0.1 |
remote-containers | ms- | 0.327.0 |
powershell | ms- | 2024.0.0 |
test-adapter-converter | ms- | 0.1.9 |
vscode-jest | Ort | 5.2.3 |
material-icon-theme | PKi | 4.33.0 |
vscode-xml | red | 0.26.1 |
partial-diff | ryu | 1.4.3 |
vscode-javascript-booster | sbu | 14.0.1 |
vscode-angular-support | vis | 0.1.4 |
json | Zai | 2.0.2 |
Thanks for creating this issue! It looks like you may be using an old version of VS Code, the latest stable release is 1.85.2. Please try upgrading to the latest version and checking whether this issue remains.
Happy Coding!
Checked with the latest version. The issue is still reproducible
Checked with the version:
Version: 1.85.2 Commit: 8b3775030ed1a69b13e4f4c628c612102e30a681 Date: 2024-01-18T06:40:10.514Z Electron: 25.9.7 ElectronBuildId: 26354273 Chromium: 114.0.5735.289 Node.js: 18.15.0 V8: 11.4.183.29-electron.0 OS: Windows_NT x64 10.0.19045
The scroll bar z-index for the first menus is on top of the submenu
Like this?
Like this?
I opened a PR to fix this. PR: #205422
Duplicated with #200373 #174350
/duplicate of #174350