carbon-app/carbon

Help wanted: Codemirror sometimes temporarily shows incorrect editors

Open

#1 389 ouverte le 13 juin 2022

Voir sur GitHub
 (4 commentaires) (0 réactions) (0 assignés)JavaScript (36 024 stars) (1 974 forks)batch import
bug:needs-reproductiongood first issuehelp wantedmaintenance

Description

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.

Guide contributeur

Stack technique
javascriptreact
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
needs investigation
Prérequis
JavaScriptReactCodeMirror
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
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.