Freecodecamp: El cursor salta aleatoriamente en el Editor de código.

No pude reproducir esto.

¿Podría proporcionar más información sobre su dispositivo / navegador? Puedo escribir dentro del editor tan pronto como se carga un desafío, y el editor se enfoca automáticamente, sin necesidad de presionar enter.

Podría ser un problema específico de su configuración.

Creo que tengo el mismo problema con el editor.

En este ejercicio (consulte la imagen a continuación), por ejemplo, no puedo enfocar algunas partes del código antes de presionar enter (ni con el mouse ni con el teclado). No importa dónde esté haciendo clic debajo de la línea 54, el cursor salta directamente al principio de la línea 54. Después de presionar "enter" una vez en cualquier parte del código, ¡todo funciona bien!

Estoy ejecutando la última versión de Chrome en Windows 10. He notado este problema en la mayoría de los ejercicios hasta ahora.

Tengo el mismo problema que smlabt sin importar el ejercicio que esté haciendo. Estoy usando Firefox en Windows 10.

Entrada de línea 56> ¿funcionaría?

Para cualquier persona que tenga este problema, publique su navegador, sistema operativo y el desafío en el que experimentó esto por primera vez. Si es posible, un video de un GIF del problema sería de gran ayuda. Sin esta información, el problema no se puede solucionar.

Como dije, estoy usando Chrome en Windows 10.
Intente reproducir el problema con una ventana más pequeña. Puedo imaginar que este comportamiento podría haber sido causado por los saltos de línea.
Intentaré crear un gif lo antes posible.

@smlabt no te preocupes por el gif, lo he reproducido con éxito. ¡Gracias por la ayuda!

En algunas tareas, el cursor no irá hasta la última línea, dejó de bajar antes de las 3-5 líneas anteriores, por lo que tuve que hacer espacio arriba para completarlo. (Ocurrió principalmente en tareas html-css)
Mi agente de usuario es Mozilla / 5.0 (Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, como Gecko) Chrome / 49.0.2623.112 Safari / 537.36 @BKinahan

Usar esto por primera vez y este problema de usabilidad fue lo primero que noté. Es cierto para todos los desafíos que he probado hasta ahora en la ruta de JavaScript. La única forma en que puedo acceder a la ventana de código es haciendo clic. Esto también es válido para desplazarse por el panel de instrucciones.

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

Acabo de empezar a aprender a codificar en Code Free Camp. Como recién comencé, literalmente, estoy un poco ansioso por intentar siquiera ofrecer mi ayuda para diagnosticar el problema.

Lo que puedo ofrecer es mi experiencia. Cada vez que cargo una página, hago clic en la ventana de código e intento escribir en la ubicación donde se hizo clic.
La ubicación real en la que escribe está debajo (aparentemente al azar) a poca distancia de donde hice clic originalmente.

La única vez que el cursor no pudo saltar fue cuando hice clic en la primera línea del editor. En el que comienza cuando se carga la página.

(editar)
También quería agregar. El problema parecía no ser un problema nuevamente comenzando en " https://www.freecodecamp.com/challenges/create-a-bootstrap-headline "
pero sigue siendo un problema si vuelvo a la lección anterior.

Aquí está la solución que uso:

Cuando el cursor comience a dejar de responder, desplácese hacia abajo hasta la última línea del código; por lo general, hay una línea en blanco.

Coloque el cursor en la línea en blanco y use "eliminar" o "retroceso" para llevar el cursor hasta la línea que tiene texto.

El cursor ahora funcionará bien para este desafío.

He tenido este problema desde el Desafío n. ° 35, usando Chrome en Windows 10. El problema persiste de forma intermitente. Cuando lo vuelva a encontrar, lo grabaré.

tengo el mismo problema aquí

Mismo problema. Utilizando la última versión de Chrome con Windows 8.1. No recuerdo exactamente en qué desafío comenzó, pero supongo que estaría entre 30 y 35.

Lo mismo sucedió una vez en el móvil.

Aunque no es una muy buena demostración de este error, logré hacer un GIF del cursor saltando una línea.

Gracias a todos por sus informes.
Hemos actualizado CodeMirror hace un par de días (consulte https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737) y, con suerte, este problema se resuelve con esa actualización. Voy a cerrarlo, pero, @ sadathanwar17 , no dude en volver a

---

Por favor revise las Pautas para Contribuir , ¡gracias !.

---

@ sadathanwar17 @bugron Este error todavía parece estar activo. Puedo reproducirlo aquí https://www.freecodecamp.com/challenges/create-a-text-field.

• Chrome 50.0.2661.102
• Macintosh OS X 10.11.2
• Tamaño del navegador 1680 x 952
• Resolución de pantalla 1680 x 1050

¡Gracias @ sadathanwar17!
Sí, todavía puedo reproducir esto a veces. y como se confirmó en otro número también.

Reapertura.

Me está pasando ahora también. No sé si esto ayuda, pero no comenzó hasta el ejercicio 30-35 como alguien mencionó anteriormente (estimación muy aproximada ya que no estaba pendiente de él). Tal vez la longitud del código o el número de líneas de alguna manera jueguen en él. El primer puñado funcionó bien, pero una vez que llegué al final del editor (y luego apareció la barra de desplazamiento), fue cuando comencé a notarlo. Solo un pensamiento al azar.

Tengo que estar de acuerdo con @mbrannon. Lo

Estoy teniendo exactamente el mismo problema que dmatt. No se puede seleccionar la columna de algunas líneas. Parece que el código y las líneas permitidas están "desalineadas" porque la capacidad de selección de las columnas parece depender de la línea posterior.

Ejecutando Windows 10 en la última versión de Chrome en Surface Pro 3

Todavía tengo el mismo problema: ejecuto la última versión de Google Chrome en Windows 10.

+1
Tengo el mismo problema que creo que la gente está discutiendo en todos los ejercicios de la primera lección de HTML hasta ahora. Creo que el número 8226 explica muy bien el problema.

Parece que no han funcionado en este problema porque estoy recibiendo el mismo problema hasta ahora. Y me uní a FCC ayer.

+1 problema intermitente, la actualización a veces ayuda. escribir cualquier carácter y luego eliminarlo lo arregla temporalmente para ese desafío

Creo que esto es causado por el ajuste de línea, cambiar el zoom de la página hasta que las líneas no se ajustan soluciona el problema.
Quizás no deberíamos envolver ...

Este problema es bastante molesto, eliminar la clase CodeMirror-wrap del div superior parece solucionar el 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: verdadero,

@heldersepu agradece mucho por el análisis en profundidad, sin embargo, este es un error realmente complicado, si elimino el envoltorio y agrego la barra de desplazamiento nativa, el editor se representa de una manera extraña.

Tal vez eso se pueda arreglar, sin embargo, la parte más tediosa es que parece que ya no puedo reproducir esto en mi configuración local.

Todavía está allí en la producción (sitio web principal).

Si lo desea, puede hacer una solicitud de extracción con una solución definitiva.
Gracias una vez más.

¿Qué pasa si escribe un script que llega al final de la última línea en el editor de código y luego elimina (no retrocede) 1 carácter? Entonces, el usuario podría colocar el cursor donde quisiera después ... ¿solo una solución por ahora?

Sinceramente, no veo ningún valor en el ajuste de línea ...
Si depende de mí, simplemente deshabilito el ajuste y me olvido de las barras de desplazamiento.
El 16 de junio de 2016 a las 8:43 a. M., "Mrugesh Mohapatra" [email protected]
escribió:

@heldersepu https://github.com/heldersepu muchas gracias por la profundidad
análisis, sin embargo, este es un error realmente complicado, si quito el envoltorio y
agregue la barra de desplazamiento nativa, el editor se representa de una manera extraña.

Tal vez eso se pueda arreglar, sin embargo, la parte más tediosa es que no puedo
parece reproducir esto más en mi configuración local.

Todavía está allí en la producción (sitio web principal).

Si lo desea, puede hacer una solicitud de extracción con una solución definitiva.
Gracias una vez más.

-
Estás recibiendo esto porque te mencionaron.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258,
o silenciar el hilo
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
.

@leonsegal aquí un script de una línea que soluciona el problema:
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

@heldersepu bueno, podemos tener las barras de desplazamiento o la envoltura, de lo contrario, el código no se puede navegar en puertos de visualización más pequeños.

@heldersepu, ¿debo editar manualmente el código en mi navegador cada vez que uso la página?

@raisedadead No tengo una configuración local completamente funcional, pero si puede cambiar el create-editor.js a:
lineWrapping: false,
Asegúrese de que muestre el div sin CodeMirror-wrap, deberíamos estar listos para comenzar.

Pero esto es algo que debería ser consultado con otros mantenedores, someterlo a algún tipo de votación.

@heldersepu Hice exactamente eso.

Primero quité el envoltorio,
lineWrapping: false

Esto me dejó sin poder navegar por el código horizontalmente (para líneas más largas).
así que intenté agregar las barras de desplazamiento con
scrollbarStyle: 'native',

Esto muestra todo de una manera muy extraña, además de que este problema NO es reproducible en la configuración local, lo que hace que la solución no se pueda probar antes de realizar una inserción.

@leonsegal lamentablemente sí, (hasta que se implemente una solución final, tenga en cuenta que no tengo esos derechos).

@raisedadead acerca de no poder navegar por el código horizontalmente
Si hace clic en la línea larga y presiona la tecla [fin], ¿puede llegar a esa línea?
¿Qué hay de moverse con las teclas de flecha?

No, nada parece funcionar, los botones del mouse, las teclas de flecha nada.

PD Continuemos la charla en la sala de charla de Colaboradores .

Creo que principalmente noté el problema cuando el código se volvió lo suficientemente largo como para requerir desplazamiento vertical, no tanto un problema con el ajuste de línea (aunque podría estar equivocado). Solo un pensamiento.

Solo para mantener un registro de nuestros hallazgos:

• Este es un problema con el editor de código CodeMirror
• Como solución alternativa, podríamos deshabilitar lineWrap y usar el complemento simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

Lo intenté con Firefox, Safari, Edge, Chrome, Vivaldi y Opera, pero este problema sigue funcionando.

Estoy usando Chrome v51 64bit (última versión) en Mac y sigo teniendo el mismo problema.

Hola chicos, este es un problema confirmado, por favor usen las reacciones en la primera publicación para confirmar.

Mantengamos el hilo limpio solo para posibles soluciones.

el mismo problema sigue apareciendo
SO: Ubuntu
Navegador: Chromium

Todavía me sigue ocurriendo a mí también. Para mí, parece haber comenzado alrededor de los años 60.

SO: Windows 10
Navegador: Firefox

Si alguien está interesado en una solución a largo plazo, utilicé esta extensión de Chrome con el script de

He estado usando el espacio para averiguar dónde está el cursor, en lugar de Enter (forzando un salto de línea). Ha tenido un impacto menor para mí. Me gustaría ofrecer un "navegador sugerido" para los ejercicios de la FCC si llegamos a una solución para cualquiera de ellos.

He experimentado este problema desde un ejercicio muy temprano. Acabo de llegar a 100.

SO: OSX
Navegador: Chrome y Safari

Me pregunto si puede tener que ver con tener instaladas extensiones de Chrome. Tengo un puñado: Adblocker, Microsoft Rewards (no juzgues), Honey, Avast, Grammarly, Mightytext. (Dicho esto, experimento esto en Safari, que rara vez uso y no he instalado conscientemente ninguna extensión)

Sin embargo , la solución alternativa sugerida por creada por

Este es difícil de probar ya que todavía no he visto a alguien reproducirlo localmente y parece mostrarse en función de las condiciones que aún no se han determinado. Supongo que el mejor curso de acción podría ser intentar agregar algunas correcciones que no se rompan para ver si una lo soluciona.

Aquí hay algunas observaciones:
1) ¿quizás react-codemirror solucionará esto cuando las actualizaciones de react se activen?
La sugerencia 2) Por @heldersepu 's para el uso de simplescroll, me parece que no puede conseguir que se aplique correctamente a nivel local. Impide que el editor se cargue correctamente y la consola muestra el error: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . Actualmente, scrollbarStyle está establecido en null por lo que quizás valdría la pena intentarlo con native . Establecerlo en native aún permite que el editor se cargue correctamente.
3) Según este hilo , podría sugerir agregar editor.refresh() a la línea 40 del archivo create-editor .

Para no desviarse de los puntos anteriores, cambiar el ajuste a false también podría funcionar; como señaló @raisedadead , creo que causaría errores con el desplazamiento horizontal si no cambiamos al mismo tiempo el scrollbarStyle a native lugar de null .

Hola, soy nuevo en este programa y he estado experimentando el mismo problema desde el primer desafío. Es realmente molesto, especialmente cuando siento que estoy en una buena racha y siento que sé lo que estoy a punto de hacer, pero no puedo hacer nada de inmediato porque el cursor no quiere ir a donde lo necesito. .

si alguien tiene una solución, por favor cuénteme, se lo agradecería mucho.

gracias por adelantado

@ arias93jordy algunas publicaciones hasta @sethmchris publicaron una solución. Lo probé y funciona para mí, pruébalo.

¡Gracias @sethmchris! Esta solución funcionó para mí.

@sethmchris Probé tu solución pero no me funciona ... Desactiva la función de envoltura de espejo pero el cursor aún hace lo que quiere :( ¿tal vez lo estoy haciendo mal? Simplemente instalé la extensión y copié pegado tu pieza de y habilité la extensión en el sitio web de la FCC ... ¿Me falta algo?

Windows 10, versión de Chrome Versión 54.0.2840.71 m.

Me he dado cuenta de que el error aparece cuando la muestra de código cargada con la lección contiene líneas que son lo suficientemente largas para ajustarse a la siguiente línea. Si todas las líneas son cortas, no hay problema.

Ir a la línea superior (posición 0, línea 0) y presionar eliminar una vez parece solucionar el problema.

¡Si, gracias!

El martes 1 de noviembre de 2016 a las 3:34 a.m., svershin [email protected] escribió:

Windows 10, versión de Chrome Versión 54.0.2840.71 m.

He notado que el error aparece cuando la muestra de código se carga con el
lección contiene líneas que son lo suficientemente largas como para ajustarse a la siguiente
línea. Si todas las líneas son cortas, no hay problema.

Ir a la línea superior (posición 0, línea 0) y presionar eliminar una vez parece
para solucionar el problema.

-
Recibes esto porque estás suscrito a este hilo.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503,
o silenciar el hilo
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome: abierto verificado el 11/11/16.

Pasos para reproducir:
1.) Cargue cualquier página con el editor de código que contenga una línea larga, como [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Reduzca la página a un tamaño donde las líneas se envuelvan.
3.) Realice una actualización completa de la página.
4.) Haga clic hacia el lado derecho del editor.
5.) Observe, el símbolo de intercalación a menudo no se mueve hasta el final de la línea.

Hola chicos, este es un problema confirmado, por favor usen las reacciones en la primera publicación para confirmar.

Mantengamos el hilo limpio solo para posibles soluciones.

Puedo reproducir el problema en el navegador Edge y en Chrome. Para que se detenga (solo para el desafío actual), alejo el zoom y luego lo vuelvo a acercar. Apesta pero funciona para mí.

Tuve este problema como lo menciona @erictleung aquí

por alguna razón, no recibí una notificación por correo electrónico de que alguien había respondido hasta que se resolvió el problema.

presionar enter parece arreglarlo

Tengo el mismo problema:

1. No se puede colocar el cursor en algunas áreas, ni con un clic ni con las flechas del teclado
2. Cuando intento eliminar algo, se eliminan otras cosas, como la posición del cursor es incorrecta

Esto sucede con Chrome y Firefox.
Actualización: el botón "Restablecer" código ayudó esta vez, pero solo en un desafío en particular ... en el siguiente, el problema se reproduce ... y me veo obligado a restablecer el código nuevamente y sucede cada vez con nuevos desafío.

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

He bloqueado la conversación temporalmente en este hilo solo para colaboradores, esto se ha resuelto en la etapa de preparación y estará disponible pronto.

La solución se puede confirmar en el sitio web beta.

La solución alternativa actualmente en el sitio web de producción es:
Presione la tecla Enter en el editor de desafíos y luego continúe con el desafío.

Mientras tanto, disculpas por las molestias.

Comuníquese con nosotros en la sala de chat si necesita ayuda.