vscode
vscode copied to clipboard
microsoft
VSCode UI: wierd white line in certain window height
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
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 |
https://github.com/microsoft/vscode/assets/49122401/2d88481f-3caa-4bec-9c35-1640c9c071c2
@Colin-XKL HI, It's just a border design that happens when you adjust the height of your vscode editor.
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.
