Freecodecamp: Le curseur saute de manière aléatoire dans l'éditeur de code.

Je n'ai pas pu reproduire cela.

Pourriez-vous fournir plus d'informations sur votre appareil / navigateur? Je suis capable de taper dans l'éditeur dès qu'un défi se charge, l'éditeur prenant automatiquement le focus, sans avoir besoin d'appuyer sur Entrée.

Il peut s'agir d'un problème spécifique à votre configuration.

Je pense que j'ai le même problème avec l'éditeur.

Dans cet exercice (voir l'image ci-dessous) par exemple, je ne suis pas en mesure de concentrer certaines parties du code avant d'appuyer sur Entrée (ni avec la souris, ni avec le clavier). Peu importe où je clique sous la ligne 54, le curseur saute directement au début de la ligne 54. Après avoir appuyé sur "Entrée" une fois n'importe où dans le code, tout fonctionne bien!

J'utilise la dernière version de Chrome sur Windows 10. J'ai remarqué ce problème dans la plupart des exercices jusqu'à présent.

J'ai le même problème que smlabt quel que soit l'exercice que je fais. J'utilise Firefox sur Windows 10.

Entrée ligne 56> ça marcherait

Pour toute personne ayant ce problème, veuillez publier votre navigateur, votre système d'exploitation et le défi que vous avez rencontré pour la première fois. Si possible, une vidéo d'un GIF du problème serait extrêmement utile. Sans ces informations, le problème ne peut pas être résolu.

Comme je l'ai dit, j'utilise Chrome sur Windows 10.
Veuillez essayer de reproduire le problème avec une fenêtre plus petite. J'imagine que ce comportement aurait pu être causé par les sauts de ligne.
Je vais essayer de créer un gif dès que possible.

@smlabt ne vous inquiétez pas pour le gif que je l'ai reproduit avec succès. Merci pour l'aide!

Dans certaines tâches, le curseur n'ira pas jusqu'à la dernière ligne, il a cessé de descendre avant la 3 à 5 ligne ci-dessus, j'ai donc dû faire de l'espace au-dessus pour le terminer. (Cela s'est produit principalement dans les tâches html-css)
Mon agent utilisateur est Mozilla / 5.0 (Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, comme Gecko) Chrome / 49.0.2623.112 Safari / 537.36 @BKinahan

Utiliser ceci pour la première fois et ce problème de convivialité est la première chose que j'ai remarquée. C'est vrai pour tous les défis que j'ai essayés jusqu'à présent dans le chemin javascript. Le seul moyen d'accéder à la fenêtre de code est de cliquer. Ceci est également vrai pour le défilement du panneau d'instructions.

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

Je viens de commencer à apprendre à coder sur Code Free Camp. Comme je viens de commencer, je suis un peu impatient d'essayer même d'offrir mon aide pour diagnostiquer le problème.

Ce que je peux offrir, c'est mon expérience. Chaque fois que je charge une page, je clique sur la fenêtre de code et j'essaye de taper à l'emplacement cliqué.
L'emplacement réel où il tape est ci-dessous (semblant au hasard) à une courte distance de l'endroit où j'ai cliqué initialement.

La seule fois où le curseur n'a pas réussi à sauter, c'est lorsque j'ai cliqué sur la première ligne dans l'éditeur. Celui auquel il commence au chargement de la page.

(Éditer)
Je voulais aussi ajouter. Le problème ne semblait plus être un problème à partir de " https://www.freecodecamp.com/challenges/create-a-bootstrap-headline "
mais c'est toujours un problème si je reviens à la leçon précédente.

Voici le correctif que j'utilise:

Lorsque le curseur commence à ne plus répondre, faites défiler jusqu'à la dernière ligne du code - il y a généralement une ligne vide.

Placez votre curseur sur la ligne vide et utilisez «supprimer» ou «retour arrière» pour amener le curseur jusqu'à la ligne contenant du texte.

Le curseur fonctionnera désormais correctement pour ce défi.

J'ai eu ce problème depuis le défi n ° 35, en utilisant Chrome sur Windows 10. Le problème persiste par intermittence. Quand je le retrouverai, je l'enregistrerai.

ont le même problème ici

Même problème. Utilisation de la dernière version de Chrome avec Windows 8.1. Je ne me souviens pas exactement de quel défi il a commencé, mais je suppose que cela se situerait entre 30 et 35.

La même chose s'est produite une fois sur mobile.

Bien que ce ne soit pas une très bonne démonstration de ce bogue, j'ai réussi à créer un GIF du curseur sautant une ligne.

Merci à tous pour vos rapports.
Nous avons mis à jour CodeMirror il y a quelques jours (voir https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737) et, espérons-le, ce problème sera résolu avec cette mise à jour. Je vais le fermer mais, @ sadathanwar17 s'il vous plaît, n'hésitez pas à rouvrir si vous pouvez toujours reproduire ce problème, merci.

---

Veuillez consulter les Directives pour contribuer , merci !.

---

@ sadathanwar17 @bugron Ce bogue semble toujours actif. Je peux le reproduire ici https://www.freecodecamp.com/challenges/create-a-text-field.

• Chrome 50.0.2661.102
• Macintosh OS X 10.11.2
• Taille du navigateur 1680 x 952
• Résolution d'écran 1680 x 1050

Merci @ sadathanwar17!
Oui, je peux toujours reproduire cela à certains moments. et comme confirmé par un autre problème également.

Réouverture.

Cela arrive aussi pour moi. Je ne sais pas si cela aide, mais cela n'a pas commencé avant l'exercice 30-35ish comme quelqu'un l'a mentionné ci-dessus (estimation très approximative car je ne le recherchais pas). Peut-être que la longueur du code ou le nombre de lignes joue en quelque sorte. La première poignée a bien fonctionné, mais une fois que je suis descendu au bas de l'éditeur (et par la suite la barre de défilement est apparue), c'est à ce moment que j'ai commencé à le remarquer. Juste une pensée aléatoire.

Je dois être d'accord avec @mbrannon Je l'obtiens sur "Appeler des actions facultatives avec des informations sur le bouton" et les pages qui l'entourent, je ne peux rien sélectionner en dessous du début de la ligne 55 et le curseur saute au hasard de l'endroit où je clique vers un endroit à proximité

Im ayant exactement le même problème que dmatt. Impossible de sélectionner la colonne de certaines lignes. Il semble que le code et les lignes autorisées soient «mal alignés» car la sélectionnabilité des colonnes semble dépendre de la ligne qui la suit.

Exécuter Windows 10 sur la dernière version de Chrome sur Surface Pro 3

J'ai toujours le même problème: j'utilise la dernière version de Google Chrome sous Windows 10.

+1
J'ai le même problème que je pense que les gens discutent dans tous les exercices de la première leçon HTML jusqu'à présent. Je pense que le numéro 8226 explique bien le problème.

Il semble qu'ils n'aient pas travaillé sur ce problème parce que je reçois le même problème jusqu'à présent. Et je viens de rejoindre FCC hier.

+1 problème intermittent, l'actualisation aide parfois. taper n'importe quel caractère puis le supprimer le corrige temporairement pour ce défi

Je pense que cela est dû au retour à la ligne, la modification du zoom de la page jusqu'à ce que les lignes ne s'enroulent pas résout le problème.
Peut-être que nous ne devrions pas emballer ...

Ce problème est assez ennuyeux, la suppression de la classe CodeMirror-wrap de la
<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: vrai,

@heldersepu merci beaucoup pour l'analyse approfondie, mais c'est un bogue vraiment délicat, si je supprime l'emballage et ajoute la barre de défilement native, l'éditeur est rendu d'une manière étrange.

Peut-être que cela peut être corrigé, mais le plus fastidieux est que je ne parviens plus à reproduire cela sur ma configuration locale.

Il est toujours présent sur la production (site principal).

N'hésitez pas à faire une pull request si vous le souhaitez, avec une solution définitive.
Encore merci.

Et si vous écriviez un script qui allait à la fin de la dernière ligne dans l'éditeur de code, puis supprimiez (non backspaced) 1 caractère? Ensuite, l'utilisateur pourrait placer son curseur là où il le souhaite par la suite ... juste une solution pour le moment?

Honnêtement, je ne vois aucune valeur à la ligne wrap ...
Si cela ne tient qu'à moi, je désactive simplement le wrap et j'oublie les barres de défilement.
Le 16 juin 2016 à 08h43, "Mrugesh Mohapatra" [email protected]
a écrit:

@heldersepu https://github.com/heldersepu merci beaucoup pour la profondeur
analyse, mais c'est un bug vraiment délicat, si je supprime l'emballage et
ajoutez la barre de défilement native, l'éditeur est rendu d'une manière étrange.

Peut-être que cela peut être corrigé, mais le plus fastidieux est que je ne peux pas
semblent reproduire cela plus sur ma configuration locale.

Il est toujours présent sur la production (site principal).

N'hésitez pas à faire une pull request si vous le souhaitez, avec une solution définitive.
Encore merci.

-
Vous recevez cela parce que vous avez été mentionné.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258,
ou couper le fil
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
.

@leonsegal ici un script d'une ligne qui résout le problème:
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

@heldersepu bien, nous pouvons soit avoir les barres de défilement, soit l'enveloppe, sinon le code ne peut pas être parcouru sur des ports de vue plus petits.

@heldersepu, donc je devrais modifier manuellement le code dans mon navigateur chaque fois que j'utilise la page?

@raisedadead Je n'ai pas de configuration locale entièrement fonctionnelle mais si vous pouvez changer le create-editor.js en:
lineWrapping: false,
Assurez-vous qu'il rend le div sans le codeMirror-wrap, nous devrions être prêts à partir.

Mais c'est quelque chose qui devrait être consulté avec d'autres responsables, le soumettre à une sorte de vote.

@heldersepu J'ai fait exactement cela.

J'ai d'abord enlevé l'emballage,
lineWrapping: false

Cela m'a laissé incapable de parcourir le code horizontalement (pour des lignes plus longues).
alors, j'ai essayé d'ajouter les barres de défilement avec
scrollbarStyle: 'native',

Cela rend le tout d'une manière très étrange, en plus de cela, ce problème n'est PAS reproductible dans la configuration locale, ce qui rend le correctif non testable avant de faire un push.

@leonsegal malheureusement oui, (jusqu'à ce qu'un correctif final soit déployé, gardez à l'esprit que je n'ai pas ces droits) C'est ce que j'ai utilisé pour contourner le problème.

@raisedadead à propos de l'impossibilité de parcourir le code horizontalement
Si vous cliquez sur la longue ligne et appuyez sur la touche [fin], pouvez-vous accéder à cette ligne?
Qu'en est-il du déplacement avec les touches fléchées?

Non, rien ne semble fonctionner, les boutons de la souris, les touches fléchées rien.

PS Continuons le chat dans la salle de chat des

Je pense que j'ai surtout remarqué le problème lorsque le code est devenu suffisamment long pour nécessiter un défilement vertical, pas tellement un problème avec le retour à la ligne (bien que je puisse me tromper). Juste une pensée.

Juste pour garder une trace de nos découvertes:

• Il s'agit d'un problème avec l' éditeur de code
• Pour contourner le problème, nous pourrions désactiver le lineWrap et utiliser l'addon simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

J'ai essayé avec Firefox, Safari, Edge, Chrome, Vivaldi et Opera, mais ce problème continue de fonctionner.

J'utilise Chrome v51 64bit (dernière version) sur Mac et j'ai toujours le même problème.

Hé les gars, c'est un problème confirmé, veuillez utiliser les réactions sur le premier message à la place pour confirmer.

Gardons le fil propre pour les solutions potentielles uniquement.

même problème apparaissant toujours
Système d'exploitation: Ubuntu
Navigateur: Chrome

Cela se produit toujours pour moi aussi. Cela semble avoir commencé vers les années 60 pour moi.

Système d'exploitation: Windows 10
Navigateur: Firefox

Si quelqu'un est intéressé par une solution de contournement à long terme, j'ai utilisé cette extension Chrome avec le script de

J'ai utilisé l'espace pour déterminer où se trouve le curseur, par opposition à Entrée (forçant un saut de ligne). Cela a eu un impact moindre pour moi. Je souhaiterais un "navigateur suggéré" pour les exercices FCC si nous arrivons à une solution sur l'un d'entre eux.

Je rencontre ce problème depuis un exercice très précoce. Je viens juste d'atteindre 100.

OS: OSX
Navigateur: Chrome et Safari

Je me demande si cela peut avoir à voir avec l'installation d'extensions Chrome? J'en ai une poignée: Adblocker, Microsoft Rewards (ne jugez pas), Honey, Avast, Grammarly, Mightytext. (Cela dit, j'expérimente cela dans Safari que j'utilise très rarement et que je n'ai pas installé d'extensions consciemment)

La solution de @sethmchris ( @helderspu ) semble cependant avoir fait l'affaire. (Merci)

Celui-ci est difficile à tester car je n'ai pas encore vu quelqu'un le reproduire localement et il semble se montrer basé sur des conditions qui n'ont pas encore été déterminées. Je suppose que le meilleur plan d'action pourrait être d'essayer d'ajouter quelques correctifs insécables pour voir si on le corrige.

Voici quelques observations:
1) peut-être que react-codemirror résoudra ce problème lorsque les mises à jour de réaction seront mises en ligne?
2) Par la suggestion de » @heldersepu pour l' utilisation simplescroll, je ne peux pas sembler obtenir à appliquer correctement localement. Cela empêche l'éditeur de se charger correctement et la console affiche l'erreur: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . Actuellement, le scrollbarStyle est défini sur null donc peut-être le définir sur native vaudrait peut-être la peine d'essayer. Le régler sur native permet toujours à l'éditeur de se charger correctement.
3) Pour ce fil , je pourrais suggérer d'ajouter editor.refresh() à la ligne 40 du fichier create-editor .

Pour ne pas vous éloigner des points ci-dessus, changer le wrap en false pourrait également fonctionner; comme @raisedadead l'a souligné, je pense que cela causerait des erreurs de défilement horizontal si nous ne changeons pas en même temps le scrollbarStyle en native au lieu de null .

Salut, je suis nouveau dans ce programme et j'ai rencontré le même problème depuis le premier défi. C'est vraiment ennuyeux, surtout quand je sens que je suis sur une lancée et que je sens que je sais ce que je vais faire, mais que je ne peux rien faire tout de suite parce que le curseur ne veut pas aller là où j'en ai besoin .

si quelqu'un a une solution, dites-moi s'il vous plaît, je l'apprécierais beaucoup.

Merci d'avance

@ arias93jordy quelques messages en haut @sethmchris a publié une solution de contournement. Je l'ai testé et cela fonctionne pour moi - essayez-le.

Merci @sethmchris! Cette solution a fonctionné pour moi.

@sethmchris J'ai essayé votre solution mais cela ne fonctionne pas pour moi ... Cela désactive la fonction d'enroulement miroir mais le curseur fait toujours ce qu'il veut: (peut-être que je fais mal? J'ai simplement installé l'extension et copié-collé votre morceau de code et activé l'extension sur le site Web de la FCC ... Y a-t-il quelque chose qui me manque?

Windows 10, version Chrome Version 54.0.2840.71 m.

J'ai remarqué que le bogue surgit lorsque l'exemple de code chargé avec la leçon contient des lignes suffisamment longues pour être renvoyées à la ligne suivante. Si toutes les lignes sont courtes, il n'y a pas de problème.

Aller à la ligne supérieure (position 0, ligne 0) et appuyer une fois sur Supprimer semble résoudre le problème.

Oui merci!

Le mardi 1 novembre 2016 à 3 h 34, svershin [email protected] a écrit:

Windows 10, version Chrome Version 54.0.2840.71 m.

J'ai remarqué que le bogue apparaît lorsque l'exemple de code est chargé avec le
la leçon contient des lignes suffisamment longues pour être enchaînées à la suivante
ligne. Si toutes les lignes sont courtes, il n'y a pas de problème.

Aller à la ligne supérieure (position 0, ligne 0) et appuyer une fois sur Supprimer semble
pour résoudre le problème.

-
Vous recevez ceci parce que vous êtes abonné à ce fil.
Répondez directement à cet e-mail, affichez-le sur GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503,
ou couper le fil
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome - Ouvert vérifié le 11/11/16.

Étapes à suivre pour reproduire:
1.) Chargez n'importe quelle page avec l'éditeur de code qui contient une longue ligne, telle que [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Réduisez la page à une taille où les lignes s'enroulent.
3.) Effectuez une actualisation matérielle de la page.
4.) Cliquez vers le côté droit de l'éditeur.
5.) Observez, le curseur ne se déplace souvent pas à la fin de la ligne.

Hé les gars, c'est un problème confirmé, veuillez utiliser les réactions sur le premier message à la place pour confirmer.

Gardons le fil propre pour les solutions potentielles uniquement.

Je peux reproduire le problème dans le navigateur Edge ainsi que dans Chrome. Afin de l'arrêter (pour le défi en cours uniquement), je fais un zoom arrière puis un zoom avant. Ça craint mais ça marche pour moi.

J'ai eu ce problème comme référencé par @erictleung ici

pour une raison quelconque, je n'ai pas reçu de notification par e-mail indiquant que quelqu'un y avait répondu jusqu'à ce que le problème soit résolu.

frapper entrée semble résoudre le problème

J'ai le même problème:

1. Impossible de positionner le curseur dans certaines zones, ni avec un clic, ni avec les flèches du clavier
2. Lorsque j'essaie de supprimer quelque chose, d'autres éléments sont supprimés, comme la position du curseur est incorrecte

Cela se produit avec Chrome et Firefox
Mise à jour: le bouton "Réinitialiser" du code a aidé cette fois, mais seulement dans un défi particulier ..... dans le prochain, le problème se reproduit .... et je suis obligé de réinitialiser le code à nouveau et cela se produit à chaque fois avec un nouveau défi.

@mrgizmo merci, veuillez vous référer à https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

J'ai verrouillé temporairement la conversation sur ce fil pour les collaborateurs uniquement, cela a été résolu lors de la mise en scène et sera bientôt disponible.

Le correctif peut être confirmé sur le site Web bêta.

La solution de contournement actuellement sur le site Web de production est:
Appuyez sur la touche Entrée de l'éditeur de défi, puis poursuivez le défi.

Toutes mes excuses pour la gêne occasionnée.

Contactez-nous dans la salle de chat si vous avez besoin d'aide.