carbon-app/carbon

Help wanted: Codemirror sometimes temporarily shows incorrect editors

Open

Aperta il 13 giu 2022

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (36.024 star) (1974 fork)batch import
bug:needs-reproductiongood first issuehelp wantedmaintenance

Descrizione

In certain conditions, sometimes the editor is displayed incorrectly with this extra padding:

However, it goes away when editing the code, OR even resizing the window. This must be a codemirror bug.

We need to find a work around.

Guida contributor

Tech stack
javascriptreact
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.
half day
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
stale
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
needs investigation
Prerequisiti
JavaScriptReactCodeMirror
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
40
Direzione di ricerca
Investigate the CodeMirror setup in the carbon codebase, specifically in the React component that renders the editor. Check for CSS rules that might cause extra padding. Look at the CodeMirror configuration options like lineWrapping or scrollbar styling. Try to reproduce by toggling window size or editing code. Consider adding a workaround such as calling `refresh()` on the editor instance after a resize. See any comments for additional hints.