microsoft / vscode

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

VSCode UI: wierd white line in certain window height #187232

Open Colin-XKL opened 1 year ago

Colin-XKL commented 1 year ago

Type: Bug

When resizing the height of vscode window, sometimes there is a white line at the bottom of the remote dev icon. Check the screenshot below, it's much more clear than text. I've seen this wierd white line in all vscode releases in the past two months. The bug may had been there for a long time, Tested Platform: Mac OS

image

VS Code version: Code 1.80.0 (Universal) (660393deaaa6d1996740ff4880f1bad43768c814, 2023-07-04T13:39:33.766Z) OS version: Darwin x64 22.5.0 Modes:

System Info |Item|Value| |---|---| |CPUs|Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz (12 x 2600)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: disabled_off
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
metal: disabled_off
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)|5, 4, 4| |Memory (System)|16.00GB (0.04GB free)| |Process Argv|--crash-reporter-id eca8c538-4def-46cc-af0e-3f1dacf14c71| |Screen Reader|no| |VM|0%|
Extensions (55) Extension|Author (truncated)|Version ---|---|--- codesnap|adp|1.3.4 vscode-nginx-conf|ahm|0.1.3 astro-vscode|ast|2.0.18 linehighlightbookmarkvscode|bal|1.0.2 prettier-toml|bod|0.1.0 vscode-tailwindcss|bra|0.9.11 npm-intellisense|chr|1.4.4 path-intellisense|chr|2.8.4 vscode-eslint|dba|2.4.2 vscode-dash|dee|2.4.0 javascript-ejs-support|Dig|1.3.3 gitlens|eam|14.0.1 vscode-html-css|ecm|1.13.1 prettier-vscode|esb|9.19.0 code-runner|for|0.12.0 shell-format|fox|7.2.5 go|gol|0.39.0 vscode-env|Iro|0.1.0 plantuml|jeb|2.17.5 vscode-graphviz|joa|0.0.6 vsc-python-indent|Kev|1.18.0 vscode-github-actions|me-|3.0.1 json|Mee|0.1.2 fluent-icons|mig|0.0.18 vscode-docker|ms-|1.25.2 vscode-language-pack-zh-hans|MS-|1.80.2023070509 python|ms-|2023.12.0 vscode-pylance|ms-|2023.7.10 jupyter-renderers|ms-|1.0.17 vscode-jupyter-cell-tags|ms-|0.1.8 remote-ssh|ms-|0.102.0 remote-ssh-edit|ms-|0.86.0 live-server|ms-|0.4.9 remote-explorer|ms-|0.4.1 lowlight-go-errors|oha|1.3.0 fix-json|oli|0.1.2 vscode-gitignore-generator|pio|1.0.3 quicktype|qui|12.0.46 vscode-xml|red|0.25.0 vscode-yaml|red|1.13.0 vs-code-prettier-eslint|rve|5.1.0 svg-preview|Sim|2.8.3 even-better-toml|tam|0.19.0 vscode-nginx-format|tec|0.0.6 shellcheck|tim|0.32.6 graphviz-interactive-preview|tin|0.3.5 errorlens|use|3.11.1 highlight-matching-tag|vin|0.11.0 intellicode-api-usage-examples|Vis|0.2.7 vscodeintellicode|Vis|1.2.30 vscode-java-pack|vsc|0.25.12 volar|Vue|1.8.4 vscode-todo-highlight|way|1.0.5 vscode-nginx|wil|0.7.2 pretty-ts-errors|yoa|0.4.1
Colin-XKL commented 1 year ago

https://github.com/microsoft/vscode/assets/49122401/2d88481f-3caa-4bec-9c35-1640c9c071c2

hirishu10 commented 1 year ago

@Colin-XKL HI, It's just a border design that happens when you adjust the height of your vscode editor.

hirishu10 commented 1 year ago

Nothing to worry about in your coding :

glebbash commented 1 year ago

Similar thing for me, white line is present consistently on 125% and 175% zoom level in vscode.dev. Very annoying on the dark theme.

Maybe this is related to float rounding somewhere?

The issue is recent (probably from 1.80.x).

OS: Windows 11. image