vscode icon indicating copy to clipboard operation
vscode copied to clipboard

File -> Open Recent -> Scroll bar bug

Open Andrey-Anatolyevich opened this issue 1 year ago • 5 comments

Type: Bug

Hello,

I've noticed there is a UI bug in the app.

How to reproduce:

  1. Open and close multiple files and directories with long paths. Open as many as it takes for the scroll bar to appear.
  2. Resize VS Code to a smaller window similar to the one on the screenshot
  3. 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 - Scroll bar bug

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

Andrey-Anatolyevich avatar Jan 29 '24 10:01 Andrey-Anatolyevich

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!

vscodenpa avatar Jan 29 '24 10:01 vscodenpa

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

Andrey-Anatolyevich avatar Jan 29 '24 11:01 Andrey-Anatolyevich

The scroll bar z-index for the first menus is on top of the submenu

sbatten avatar Jan 29 '24 16:01 sbatten

image

Like this?

NriotHrreion avatar Feb 17 '24 06:02 NriotHrreion

image

Like this?

I opened a PR to fix this. PR: #205422

NriotHrreion avatar Feb 17 '24 07:02 NriotHrreion

Duplicated with #200373 #174350

NriotHrreion avatar Feb 24 '24 01:02 NriotHrreion

/duplicate of #174350

NriotHrreion avatar Jul 24 '24 14:07 NriotHrreion