carbon-app/carbon

Help wanted: Codemirror sometimes temporarily shows incorrect editors

Open

#1.389 aberto em 13 de jun. de 2022

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)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.

Guia do colaborador

Pilha de tecnologia
javascriptreact
Domain
frontend
Tipo Issue
bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
half day
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
needs investigation
Prerequisites
JavaScriptReactCodeMirror
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
40
Direção de pesquisa
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.