Freecodecamp: O cursor salta aleatoriamente no Editor de código.

Não consegui reproduzir isso.

Você poderia fornecer mais algumas informações sobre seu dispositivo / navegador? Sou capaz de digitar no editor assim que um desafio é carregado, com o editor automaticamente assumindo o foco, sem a necessidade de pressionar enter.

Pode ser um problema específico da sua configuração.

Acho que estou tendo o mesmo problema com o editor.

Neste exercício (veja a imagem abaixo), por exemplo, não sou capaz de focar em algumas partes do código antes de pressionar Enter (Nem com o mouse, nem com o teclado). Não importa onde estou clicando abaixo da linha 54, o cursor pula direto para o início da linha 54. Depois de pressionar "enter" uma vez em qualquer lugar do código, tudo funciona bem!

Estou executando a versão mais recente do Chrome no Windows 10. Até agora, percebi esse problema na maioria dos exercícios.

Eu tenho o mesmo problema que smlabt, não importa o exercício que estou fazendo. Estou usando o Firefox no Windows 10.

Entrada da linha 56> isso funcionaria

Para quem está tendo esse problema, poste seu navegador, sistema operacional e desafio em que você experimentou isso pela primeira vez. Se possível, um vídeo de um GIF do problema seria extremamente útil. Sem essas informações, o problema não pode ser corrigido.

Como eu disse, estou usando o Chrome no Windows 10.
Tente reproduzir o problema com uma janela menor. Posso imaginar que esse comportamento pode ter sido causado pelas quebras de linha.
Vou tentar criar um gif o mais rápido possível.

@smlabt não se preocupe com o gif que reproduzi com sucesso. Obrigado pela ajuda!

Em algumas tarefas, o cursor não vai até a última linha, ele parou de descer antes de 3-5 linhas acima, então eu tive que criar espaço acima para concluí-lo. (Ocorreu principalmente em tarefas html-css)
Meu agente de usuário é Mozilla / 5.0 (Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, como Gecko) Chrome / 49.0.2623.112 Safari / 537.36 @BKinahan

Usar isso pela primeira vez e esse problema de usabilidade foi a primeira coisa que notei. É verdade para todos os desafios que tentei até agora no caminho do javascript. A _única_ maneira de acessar a janela de código é clicando. Isso também é válido para rolar o painel de instruções.

Mozilla / 5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit / 537.36 (KHTML, como Gecko) Chrome / 49.0.2623.112 Safari / 537.36

Acabei de começar a aprender a programar no Code Free Camp. Como eu literalmente comecei, estou um pouco ansioso até mesmo tentando oferecer minha ajuda no diagnóstico do problema.

O que posso oferecer é minha experiência. Cada vez que carrego uma página, clico na janela de código e tento digitar no local clicado.
A localização real em que ele digita está abaixo (parecendo aleatoriamente) a uma curta distância de onde eu cliquei originalmente.

A única vez que o cursor não conseguiu pular foi quando cliquei na primeira linha do editor. Aquele em que começa quando a página carrega.

(editar)
Eu também queria acrescentar. O problema parecia não ser um problema novamente começando em " https://www.freecodecamp.com/challenges/create-a-bootstrap-headline "
mas ainda será um problema se eu voltar à lição anterior.

Aqui está a correção que eu uso:

Quando o cursor começar a parar de responder, role para baixo até a última linha do código - geralmente há uma linha em branco.

Coloque o cursor na linha em branco e use "delete" ou "backspace" para trazer o cursor até a linha que contém o texto.

O cursor agora funcionará bem para este desafio.

Tenho tido esse problema desde o Desafio nº 35, usando o Chrome no Windows 10. O problema persiste de forma intermitente. Quando o encontrar novamente, irei gravá-lo.

tem o mesmo problema aqui

O mesmo problema. Usando o Chrome mais recente com Windows 8.1. Não me lembro exatamente em qual desafio começou, mas acho que seria algo entre 30 e 35.

O mesmo aconteceu uma vez no celular.

Embora não seja uma demonstração muito boa desse bug, consegui fazer um GIF do cursor pulando uma linha.

Obrigado a todos por seus relatórios.
Atualizamos o CodeMirror alguns dias atrás (consulte https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737) e, esperançosamente, esse problema será resolvido com essa atualização. Vou fechá-lo, mas @ sadathanwar17 por favor, fique à vontade para reabrir se ainda puder reproduzir este problema, obrigado.

---

Por favor, reveja as Diretrizes para Contribuição , obrigado !.

---

@ sadathanwar17 @bugron Este bug ainda parece estar ativo. Posso reproduzi-lo aqui https://www.freecodecamp.com/challenges/create-a-text-field.

• Chrome 50.0.2661.102
• Macintosh OS X 10.11.2
• Tamanho do navegador 1680 x 952
• Resolução da tela 1680 x 1050

Obrigado @ sadathanwar17!
Sim, às vezes ainda consigo reproduzir isso. e como confirmado por outro problema também.

Reabrindo.

Acontecendo para mim agora também. Eu não sei se isso ajuda, mas não começou antes do exercício 30-35ish como alguém mencionou acima (estimativa muito grosseira, já que eu não estava procurando por isso). Talvez o comprimento do código ou o número de linhas de alguma forma influenciem nele. O primeiro punhado funcionou bem, mas assim que cheguei ao final do editor (e subsequentemente a barra de rolagem apareceu), foi quando comecei a notar. Apenas um pensamento aleatório.

tenho que concordar com @mbrannon estou obtendo em "Chamar ações opcionais com informações do botão" e as páginas ao redor, não consigo selecionar nada abaixo do início da linha 55 e o cursor pula aleatoriamente de onde eu clico para algum lugar próximo

Estou tendo exatamente o mesmo problema que dmatt. Não é possível selecionar a coluna de algumas linhas. Parece que o código e as linhas permitidas estão 'desalinhadas' porque a capacidade de seleção das colunas parece ser dependente da linha após ela.

Executando o Windows 10 na última versão do Chrome no Surface pro 3

Estou tendo o mesmo problema ainda - executando o Google Chrome mais recente no Windows 10.

+1
Estou tendo o mesmo problema que as pessoas estão discutindo em todos os exercícios da primeira lição de HTML até agora. Acho que a edição # 8226 explica bem o problema.

Parece que eles não resolveram esse problema porque estou tendo o mesmo problema até agora. E acabei de entrar no FCC ontem.

+1 problema intermitente, atualizar às vezes ajuda. digitar qualquer caractere e removê-lo temporariamente o corrige para aquele desafio

Acho que isso é causado por quebra de linha, alterar o zoom da página até que as linhas não quebrem corrige o problema.
Talvez devamos apenas não embrulhar ...

Este problema é bastante irritante, remover a classe CodeMirror-wrap do div superior parece resolver o problema
<div class="CodeMirror cm-s-monokai CodeMirror-wrap" style="width: 100%; height: auto;">

https://github.com/FreeCodeCamp/FreeCodeCamp/blob/staging/client/commonFramework/create-editor.js#L22
lineWrapping: true,

@heldersepu muito obrigado pela análise aprofundada, no entanto, este é um bug realmente complicado, se eu remover a embalagem e adicionar a barra de rolagem nativa, o editor é renderizado de uma maneira estranha.

Talvez isso possa ser consertado, mas a parte mais tediosa é que não consigo mais reproduzir isso em minha configuração local.

Ainda está lá na produção (site principal).

Sinta-se à vontade para fazer uma solicitação de pull, se desejar, com uma correção definitiva.
Obrigado mais uma vez.

E se você escreveu um script que foi para o final da última linha no editor de código e excluiu (sem retrocesso) 1 caractere? Então o usuário seria capaz de colocar o cursor onde quisesse depois ... só uma correção por agora?

Sinceramente não vejo nenhum valor na quebra de linha ...
Se depender de mim, desabilito o envoltório e esqueço as barras de rolagem.
Em 16 de junho de 2016, 8:43 AM, "Mrugesh Mohapatra" [email protected]
escrevi:

@heldersepu https://github.com/heldersepu muito obrigado pela profundidade
análise, no entanto, este é um bug realmente complicado, se eu remover a embalagem e
adicione a barra de rolagem nativa e o editor é renderizado de uma maneira estranha.

Talvez isso possa ser consertado, mas a parte mais tediosa é que eu não posso
parecem reproduzir isso por mais tempo na minha configuração local.

Ainda está lá na produção (site principal).

Sinta-se à vontade para fazer uma solicitação de pull, se desejar, com uma correção definitiva.
Obrigado mais uma vez.

-
Você está recebendo isso porque foi mencionado.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258,
ou silenciar o tópico
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
.

@leonsegal aqui um script de uma linha que corrige o problema:
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

@heldersepu bem, podemos ter as barras de rolagem ou o envoltório, caso contrário, o código não pode ser navegado em portas de visualização menores.

@heldersepu, então devo editar manualmente o código no meu navegador sempre que usar a página?

@raisedadead Não tenho uma configuração local totalmente funcional, mas se você pode alterar o create-editor.js para:
lineWrapping: false,
Certifique-se de renderizar o div sem o envoltório do CodeMirror, devemos estar prontos.

Mas isso é algo que deveria ser consultado com outros mantenedores, submetido a algum tipo de votação.

@heldersepu Fiz exatamente isso.

Primeiro removi o embrulho,
lineWrapping: false

Isso me deixou incapaz de navegar no código horizontalmente (para linhas mais longas).
então, tentei adicionar as barras de rolagem com
scrollbarStyle: 'native',

Isso torna a coisa toda de uma maneira muito estranha, além de que esse problema NÃO é reproduzível na configuração local, tornando a correção não testável antes de fazer um push.

@leonsegal, infelizmente, sim (até que uma correção final seja implantada, lembre-se de que não tenho esses direitos). É isso que tenho usado para contornar isso.

@raisedadead sobre a impossibilidade de navegar no código horizontalmente
Se você clicar na linha longa e pressionar a tecla [end], você consegue chegar a essa linha?
Que tal mover-se com as setas do teclado?

Não, nada parece funcionar, os botões do mouse, as teclas de seta nada.

PS: Vamos continuar o chat na sala de chat dos

Acho que percebi o problema principalmente quando o código se tornou longo o suficiente para exigir a rolagem vertical, não tanto um problema com quebra de linha (embora eu possa estar errado). Apenas um pensamento.

Apenas para manter um registro de nossas descobertas:

• Este é um problema com o editor de código CodeMirror
• Como alternativa, poderíamos desativar o lineWrap e usar o complemento simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

Já tentei com Firefox, Safari, Edge, Chrome, Vivaldi e Opera, mas esse problema continua funcionando.

Estou usando o Chrome v51 de 64 bits (versão mais recente) no Mac e ainda tenho o mesmo problema.

Ei pessoal, este é um problema confirmado, por favor, usem as reações no primeiro post para confirmar.

Vamos manter o encadeamento limpo apenas para soluções potenciais.

mesmo problema ainda aparecendo
SO: Ubuntu
Navegador: Chromium

Ainda está ocorrendo para mim também. Parece que começou por volta dos anos 60 para mim.

SO: Windows 10
Navegador: Firefox

Se alguém estiver interessado em uma solução alternativa de longo prazo, usei esta extensão do Chrome com o script de @heldersepu : $ (". CodeMirror-wrap"). RemoveClass ("CodeMirror-wrap")

Tenho usado espaço para descobrir onde está o cursor, em vez de Enter (forçando uma quebra de linha). Foi um impacto menor para mim. Eu consideraria um "navegador sugerido" para os exercícios do FCC se chegarmos a uma solução para qualquer um deles.

Tenho enfrentado esse problema desde um exercício inicial. Acabei de atingir 100.

OS: OSX
Navegador: Chrome e Safari

Estou me perguntando se isso pode ter a ver com a instalação de extensões do Chrome. Eu tenho um punhado: Adblocker, Microsoft Rewards (não julgue), Honey, Avast, Grammarly, Mightytext. (Dito isso, eu experimento isso no Safari, que raramente uso e não instalei conscientemente nenhuma extensão)

A solução alternativa sugerida por @sethmchris (

Este é difícil de testar, pois ainda não vi alguém reproduzi-lo localmente e parece se mostrar baseado em condições que ainda não foram determinadas. Suponho que o melhor curso de ação seja tentar adicionar algumas correções ininterruptas para ver se uma corrige.

Aqui estão algumas observações:
1) talvez o react-codemirror consertará isso quando as atualizações do react forem ao ar?
Sugestão 2) Por @heldersepu 's para usar simplescroll, eu não consigo fazê-lo para aplicar corretamente localmente. Impede que o editor carregue corretamente e o console mostra o erro: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . Atualmente, o scrollbarStyle está definido como null então talvez valha a pena tentar defini-lo como native . Configurá-lo para native ainda permite que o editor carregue corretamente.
3) Com este tópico , eu sugiro adicionar editor.refresh() à linha 40 do arquivo de editor de criação .

Para não desviar dos pontos acima, mudar o envoltório para false também pode funcionar; como @raisedadead apontou, acho que causaria erros com a rolagem horizontal se não native vez de null .

Olá, sou novo neste programa e tenho tido o mesmo problema desde o primeiro desafio. É realmente irritante, especialmente quando eu sinto que estou em um rolo e sinto que sei o que estou prestes a fazer, mas não posso fazer nada de imediato porque o cursor não quer ir para onde eu preciso .

se alguém tiver uma solução, por favor me fale sobre isso, eu agradeceria muito.

Agradeço antecipadamente

@ arias93jordy alguns posts até @sethmchris postou uma solução alternativa. Eu testei e funciona para mim - experimente.

Obrigado @sethmchris! Essa solução funcionou para mim.

@sethmchris Tentei sua solução, mas não está funcionando para mim ... Desativa a função de quebra automática de espelho, mas o cursor ainda faz o que deseja :( talvez eu esteja fazendo errado? Simplesmente instalei a extensão e copiei colei seu pedaço de código e habilitou a extensão no site da FCC ... Há algo que estou faltando?

Windows 10, versão do Chrome Versão 54.0.2840.71 m.

Notei que o bug surge quando o exemplo de código carregado com a lição contém linhas que são longas o suficiente para serem quebradas na próxima linha. Se todas as linhas forem curtas, não há problema.

Ir para a linha superior (posição 0, linha 0) e pressionar delete uma vez parece resolver o problema.

Sim, obrigado!

Na terça - feira, 1º de novembro de 2016 às 03h34, svershin

Windows 10, versão do Chrome Versão 54.0.2840.71 m.

Notei que o bug surge quando a amostra de código carregada com o
lição contém linhas que são longas o suficiente para serem quebradas para a próxima
linha. Se todas as linhas forem curtas, não há problema.

Ir para a linha superior (posição 0, linha 0) e pressionar delete uma vez parece
para consertar o problema.

-
Você está recebendo isto porque está inscrito neste tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome - Verificado como aberto em 11/11/16.

Passos para reproduzir:
1.) Carregue qualquer página com o editor de código que contém uma linha longa, como [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Reduza a página para um tamanho em que as linhas sejam quebradas.
3.) Execute uma atualização total da página.
4.) Clique em para o lado direito do editor.
5.) Observe, o cursor frequentemente não se move para o final da linha.

Ei pessoal, este é um problema confirmado, por favor, usem as reações no primeiro post para confirmar.

Vamos manter o encadeamento limpo apenas para soluções potenciais.

Posso reproduzir o problema no navegador Edge, bem como no Chrome. Para fazê-lo parar (apenas para o desafio atual), afasto e amplio novamente. É uma droga, mas funciona para mim.

Tive esse problema, conforme referido por @erictleung aqui

por algum motivo, não recebi uma notificação por e-mail informando que alguém havia respondido até que o problema fosse resolvido.

apertar Enter parece consertar

Eu tenho o mesmo problema:

1. Não é possível posicionar o cursor em algumas áreas, nem com clique, nem com setas do teclado
2. Quando tento excluir algo, outras coisas são excluídas, como a posição do cursor incorreta

Isso acontece com cromo e firefox
Atualização: o botão "Redefinir" código ajudou desta vez, mas apenas em um desafio específico ... no próximo, o problema se reproduz ... e sou forçado a redefinir o código novamente e isso acontece sempre com novos desafio.

@mrgizmo obrigado, consulte https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

Eu bloqueei a conversa temporariamente neste tópico apenas para colaboradores. Isso foi resolvido na preparação e estará no ar em breve.

A correção pode ser confirmada no site beta.

A solução alternativa atualmente no site de produção é:
Pressione a tecla Enter no editor de desafio e prossiga com o desafio.

Desculpe pelo inconveniente enquanto isso.

Entre em contato pelo chat se precisar de ajuda.