Microsoft/vscode

diffEditor.removedTextBorder bug border overlaps a bug that displaces lines

Open

#277.259 aperta il 13 nov 2025

Vedi su GitHub
 (1 commento) (0 reazioni) (1 assegnatario)TypeScript (10.221 fork)batch import
bugdiff-editorhelp wanted

Metriche repository

Star
 (74.848 star)
Metriche merge PR
 (Merge medio 11h 43m) (1000 PR mergiate in 30 g)

Descrizione

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: 1.106.0-insider
  • OS Version: Windows

Steps to Reproduce:

  1. Open a file removals/additions right next to each other.
  2. Open settings.json and add the following lines:
    "diffEditor.insertedTextBorder": "#bcdbc9",
    "diffEditor.removedTextBorder": "#ff07076c",
  1. Note how the border behaves differently between addition and deletion, on deletion, it shifts the line down and right (for the border), does not happen in addition.

Sharing a small gif enabling the two borders on and off.

Image

Guida contributor

Direzione di ricerca
Esamina lo stile del bordo CSS per la classe removedTextBorder nell'editor diff. Controlla come viene applicato il bordo e se causa uno spostamento del layout a causa di box sizing o border width che influenzano la posizione dell'elemento. Usa gli strumenti di sviluppo del browser per ispezionare il DOM dell'editor diff e tracciare le regole CSS.
Tech stack
typescriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Nessuno
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
60