search

microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
163.82k stars 29.12k forks source link

Session dropdown menu is outside the visible view. #160052

Open moalamri opened 2 years ago

moalamri commented 2 years ago

Type: Bug

When I have more than one session running in debug, the dropdown menu that has disconnect, stop options is outside of the visible view and is pushed back of the editor area. Only a small portion of the dropdown menu is shown. It doesn't matter what space I give the Side Bar; it always drops outside the visible side panel.

ezgif-4-b1c72089b3

VS Code version: Code 1.71.0 (784b0177c56c607789f9638da7b6bf3230d47a8c, 2022-09-01T07:36:10.600Z) OS version: Windows_NT x64 10.0.22000 Modes: Sandboxed: No

System Info |Item|Value| |---|---| |CPUs|AMD Ryzen 7 4800H with Radeon Graphics (16 x 2894)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: disabled_off
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_renderer: enabled_on
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: disabled_off| |Load (avg)|undefined| |Memory (System)|15.37GB (5.46GB free)| |Process Argv|--crash-reporter-id d50e185c-0bfc-44b6-9830-5d4a2c2c6978| |Screen Reader|no| |VM|0%|
Extensions (1) Extension|Author (truncated)|Version ---|---|--- csharp|ms-|1.25.0
moalamri commented 2 years ago

@weinand is it possible to add bug label for better follow-up?

weinand commented 2 years ago

The assignee will do this after an initial investigation.

roblourens commented 2 years ago

It works from the debug toolbar, right?

moalamri commented 2 years ago

Yes, the debug toolbar works just fine:

image
sbatten commented 2 years ago

@roblourens this is a result of using shadow dom for focus behavior. When using shadow dom, you cannot escape the bounds of the view, which is why things are clipped. I think there is a flag to opt out of this behavior for the widget. If not, can you point me to the registration?

roblourens commented 2 years ago

Sorry I'm actually not sure at what level the shadow dom is used or which widget you are looking for? The dropdown is inside this action view item https://github.com/microsoft/vscode/blob/d2114a401eb6dbe161ca447761758b06b6322dbc/src/vs/workbench/contrib/debug/browser/debugToolBar.ts#L282