File Comparison Scrollbar Indicators Render in Wrong Relative Position When Spanning 2 Monitors

[niemeier23]

Type: Bug

Select and compare 2 files, as normal, by right-clicking on each, in turn, and selecting those appropriate options.
The new comparison tab opens with the visual diff of the 2 files. Because my primary monitor (1920x1080) isn't wide/large enough to fully see the contents of both files, even with the Explorer pane dismissed, I take VSCode's application window out of 'maximized'/fullscreen mode and then drag the right edge of the application window across into my secondary monitor's (1920x1080) space, until the application window is wide enough to fully see both files.
The scrollbar has what I'll call an overlay to indicate the diffs as red and green in their relative positions in their respective files. But, when I arrange the application window this way, the red/green diff overlay appears as a floating column in the middle of the right side of the comparison tab. It's almost as if it's encountered a max-width contraint preventing it from rendering in the correct horizontal position.

VS Code version: Code 1.88.1 (e170252, 2024-04-10T17:41:02.734Z)
OS version: Windows_NT x64 10.0.22631 (side note: My laptop's OS is definitely Windows11, working on a remote server)
Modes:
Remote OS version: Linux x64 5.14.21-150500.55.68-default
Remote OS version: Linux x64 4.12.14-122.234-default

System Info

Item	Value
CPUs	13th Gen Intel(R) Core(TM) i7-1355U (12 x 2611)
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 skia_graphite: disabled_off video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled webgpu: enabled
Load (avg)	undefined
Memory (System)	15.38GB (3.06GB free)
Process Argv	--crash-reporter-id adedd1b1-8d28-4667-9f56-e025d082b099
Screen Reader	no
VM	0%

Item	Value
Remote	SSH: ndteprod
OS	Linux x64 5.14.21-150500.55.68-default
CPUs	Intel(R) Xeon(R) Gold 6226R CPU @ 2.90GHz (16 x 2899)
Memory (System)	125.79GB (61.79GB free)
VM	100%

Item	Value
Remote	SSH: tedev2
OS	Linux x64 4.12.14-122.234-default
CPUs	Intel(R) Xeon(R) Gold 6226R CPU @ 2.90GHz (2 x 2899)
Memory (System)	15.63GB (0.50GB free)
VM	100%

Extensions (12)

Extension	Author (truncated)	Version
Bookmarks	ale	13.5.0
remotehub	Git	0.64.0
remote-containers	ms-	0.394.0
remote-ssh	ms-	0.110.1
remote-ssh-edit	ms-	0.87.0
remote-wsl	ms-	0.88.0
vscode-remote-extensionpack	ms-	0.26.0
azure-repos	ms-	0.40.0
remote-explorer	ms-	0.4.3
remote-repositories	ms-	0.42.0
remote-server	ms-	1.5.2
openedge-zext	eze	1.0.3

[vs-code-engineering]

Thanks for creating this issue! It looks like you may be using an old version of VS Code, the latest stable release is 1.96.2. Please try upgrading to the latest version and checking whether this issue remains.

Happy Coding!

[niemeier23]

I discovered the Developer Tools...
I'm looking at the .diffOverview class div. I've circled the left css style for the element. I'm not sure if there is a deeper issue with whatever calculates this value in this case. But, I hope this helps narrow the issue(s) down for whoever handles this.