Freecodecamp: 光标在代码编辑器中随机跳转。

我无法重现。

您能否提供有关您的设备/浏览器的更多信息？ 挑战输入后，我就能在编辑器中键入内容，而编辑器会自动聚焦，而无需按Enter键。

这可能是特定于您的设置的问题。

我认为编辑器也有同样的问题。

例如，在本练习中（请参见下图），在按下Enter键之前，我无法集中代码的某些部分（既不能使用鼠标也不可以使用键盘）。 不管我在第54行下面单击什么，光标都会跳到第54行的开头。在代码中的任意位置单击一次“ enter”后，一切正常！

我正在Windows 10上运行最新版本的Chrome。到目前为止，我已经在大多数练习中注意到了此问题。

无论我在做什么运动，我都有和smlabt相同的问题。 我在Windows 10上使用Firefox。

第56行输入>可以工作吗

对于遇到此问题的任何人，请发布您的浏览器，并挑战您首先遇到的问题。 如果可能的话，问题GIF的视频将非常有帮助。 没有这些信息，该问题将无法解决。

就像我说的那样，我在Windows 10上使用Chrome。
请尝试使用较小的窗口重现该问题。 我可以想象这种行为可能是由换行引起的。
我将尝试尽快创建gif。

@smlabt不用担心我成功复制了的gif。 感谢您的帮助！

在某些任务中，光标不会一直走到最后一行，在上面的3-5行之前它停止向下移动，因此我必须在上面留出空间来完成它。（主要发生在html-css任务中）
我的用户代理是Mozilla / 5.0（Windows NT 6.3; WOW64）AppleWebKit / 537.36（KHTML，例如Gecko）Chrome / 49.0.2623.112 Safari / 537.36 @BKinahan

第一次使用此功能和此可用性问题是我注意到的第一件事。 到目前为止，我在javascript路径中尝试过的所有挑战都是如此。 我进入代码窗口的唯一方法是单击。滚动指令面板也是如此。

Mozilla / 5.0（Macintosh; Intel Mac OS X 10_9_5）AppleWebKit / 537.36（KHTML，例如Gecko）Chrome / 49.0.2623.112 Safari / 537.36

我刚刚开始在Code Free Camp上学习编码。 正如我刚开始时一样，我什至在为诊断问题提供帮助时也有些担心。

我能提供的是我的经验。 每次加载页面时，我都会单击代码窗口并尝试在单击的位置键入内容。
它键入的实际位置是波纹管（随机出现），距离我最初单击的位置很短。

光标唯一无法向下跳的时间是在编辑器中单击第一行时。 它从页面加载时开始。

（编辑）
我也想补充。 从“ https://www.freecodecamp.com/challenges/create-a-bootstrap-headline ”开始，问题似乎不再是一个问题。
但是如果我回到上一课，这仍然是一个问题。

这是我使用的修复程序：

当光标开始变得无响应时，向下滚动到代码的最后一行-通常会有一个空白行。

将光标放在空白行上，然后使用“删除”或“退格键”将光标移到上面有文字的行。

光标现在可以很好地应对这一挑战。

自从挑战＃35开始，在Windows 10上使用Chrome以来，我一直遇到这个问题。该问题间歇地持续存在。 当我再次遇到它时，我会记录下来。

这里有同样的问题

同样的问题。 在Windows 8.1上使用最新的Chrome。 不记得确切的挑战是什么开始的，但是我猜大概在30到35之间。

同样的事情发生在手机上。

尽管这不是该错误的很好展示，但我设法使GIF的光标跳过了一行。

感谢大家的举报。
几天前，我们已经更新了CodeMirror（请参阅https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737），希望此更新可以解决此问题。 我要关闭它，但是，如果您仍然可以重现此问题，请@ sadathanwar17 ，随时重新打开，谢谢。

---

请查看贡献准则，谢谢！

---

@ sadathanwar17 @bugron这个错误似乎仍然很活跃。 我可以在这里https://www.freecodecamp.com/challenges/create-a-text-field复制它

• 铬50.0.2661.102
• Macintosh OS X 10.11.2
• 浏览器尺寸1680 x 952
• 屏幕分辨率1680 x 1050

谢谢@ sadathanwar17！
是的，我有时仍然可以重现此内容。 以及其他问题的证实。

重新开放。

现在也对我也很高兴。 我不知道这是否有帮助，但是直到有人提到上述练习30-35时才开始（估计很粗略，因为我不是在寻找它）。 也许代码的长度或行数以某种方式起作用。 最初的几个工作正常，但是一旦我进入编辑器的底部（随后出现滚动条），那就是我开始注意到它的时候。 只是一个随机的想法。

必须同意@mbrannon我在“使用按钮信息调用可选动作”及其周围的页面上得到它，不能选择第55行开头以下的任何内容，并且光标会从我单击的位置随机跳转到附近的某个位置

我有和dmatt完全一样的问题。 无法选择某些行的列。 看起来代码和允许的行是“未对齐的”，因为列的选择性似乎取决于其后的行。

在Surface Pro 3的最新版本的Chrome上运行Windows 10

我在Windows 10上仍运行最新的Google Chrome浏览器时遇到了同样的问题。

+1
到目前为止，我在第一个HTML课程的所有练习中都讨论过同样的问题。 我认为问题＃8226很好地解释了问题。

看来他们尚未解决此问题，因为到目前为止我也遇到了同样的问题。 我昨天才加入FCC。

间歇性+1问题，有时会有所帮助。 输入任何字符然后将其删除可暂时解决该挑战

我认为这是由换行引起的，更改页面缩放比例直到行不换行即可解决此问题。
也许我们不应该包装...

这个问题很烦人，从顶级div删除类CodeMirror-wrap似乎可以解决此问题
<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：是的，

@heldersepu非常感谢您进行深入分析，但这是一个非常棘手的错误，如果我删除包装并添加本机滚动条，则会以一种奇怪的方式呈现编辑器。

也许可以解决，但是更麻烦的是，我似乎无法再在本地设置中重现此内容。

它仍然在产品（主网站）上。

如有需要，请随时提出请求，并提供最终解决方案。
再次感谢。

如果您编写了一个脚本，该脚本到达了代码编辑器中最后一行的末尾，然后删除了（不退格）1个字符，该怎么办？ 然后，用户以后便可以将光标放置在他们喜欢的任何地方...现在只是解决方法？

老实说，我认为换行没有任何价值...
如果由我决定，我只是禁用自动换行，而不必理会滚动条。
2016年6月16日，上午8:43，“ Mrugesh Mohapatra”通知@ github.com
写道：

@heldersepu https://github.com/heldersepu非常感谢深入
分析，但是，如果我移除包装并
添加本机滚动条，以一种奇怪的方式呈现编辑器。

也许可以解决，但是比较乏味的部分是我不能
似乎不再在我的本地设置中重现此内容。

它仍然在产品（主网站）上。

如有需要，请随时提出请求，并提供最终解决方案。
再次感谢。

-
您收到此邮件是因为有人提到您。
直接回复此电子邮件，在GitHub上查看
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258，
或使线程静音
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
。

@leonsegal这里是解决问题的单行脚本：
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

@heldersepu很好，我们既可以使用滚动条也可以使用自动换行，否则无法在较小的查看端口上浏览代码。

@heldersepu，所以我每次使用页面时都应该在浏览器中手动编辑代码吗？

@raisedadead我没有完整的本地功能，但是如果可以将create-editor.js更改为：
lineWrapping: false,
确保它在没有CodeMirror换行的情况下呈现div，这应该很好。

但这应该与其他维护者进行协商，并付诸表决。

@heldersepu我就是这么做的。

首先，我拆下包装纸，
lineWrapping: false

这使我无法水平浏览代码（较长的行）。
因此，我尝试使用添加滚动条
scrollbarStyle: 'native',

这使整个事情变得非常怪异，最重要的是，此问题在本地设置中不可重现，从而使得在进行推送之前无法测试此修复程序。

@leonsegal不幸的是，（直到部署最终修复，记住我没有那些权利）这就是我一直在使用的解决方法。

@raisedadead关于无法水平浏览代码
如果单击长行并按[结束]键，您可以转到该行吗？
用箭头键移动怎么办？

不，似乎没有任何作用，鼠标按钮，箭头键无济于事。

PS让我们在“贡献者聊天室”中继续聊天。

我认为当代码变得足够长而需要垂直滚动时，我最注意到了这个问题，而换行问题就没那么多了（尽管我可能是错的）。 只是一个想法。

只是为了记录我们的发现：

• 这是CodeMirror代码编辑器的问题
• 作为一种解决方法，我们可以禁用lineWrap并使用simplescroll插件：
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

我已经尝试过使用Firefox，Safari，Edge，Chrome，Vivaldi和Opera，但是此问题仍然有效。

我在Mac上使用Chrome v51 64bit（最新版本），但仍然遇到相同的问题。

大家好，这是已确认的问题，请使用第一篇文章中的反应进行确认。

让我们保持线程干净仅用于潜在解决方案。

仍然出现相同的问题
操作系统：Ubuntu
浏览器：Chromium

我也还在发生。 对我来说，它似乎始于60年代左右。

作业系统：Windows 10
浏览器：Firefox

如果有人对长期解决方案感兴趣，我可以将此Chrome扩展程序与@heldersepu的脚本一起使用：$（“。CodeMirror-wrap”）。removeClass（“ CodeMirror-wrap”）

我一直在使用空格来确定光标在哪里，而不是Enter（强制换行）。 对我来说影响较小。 如果我们针对FCC练习中的任何一个找到解决方案，那么我将为他们推荐一个“建议的浏览器”。

从非常早的练习开始，我就一直遇到这个问题。 我刚打到100。

作业系统：OSX
浏览器：Chrome和Safari

我想知道是否可能与安装chrome扩展有关？ 我屈指可数：Adblocker，Microsoft奖励计划（不要判断），Honey，Avast，语法，Mightytext。 （也就是说，我确实在Safari中遇到了这种情况，但我很少使用它，也没有自觉安装任何扩展程序）

@sethmchris的建议（ @helderspu创建）的解决方法似乎已经解决了问题。 （谢谢）

很难测试这个，因为我还没有看到有人在本地复制它，而且它似乎是根据尚未确定的条件展示出来的。 我认为最好的做法是尝试添加一些不间断的修复程序，看看是否有修复程序。

以下是一些观察结果：
1）也许当react更新发布时react-codemirror会解决这个问题吗？
2）根据@heldersepu关于使用simplescroll的建议，我似乎无法使它正确地在本地应用。 它会阻止编辑器正确加载，并且控制台会显示错误： TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor 。 当前scrollbarStyle设置为null因此也许将其设置为native是值得尝试的。 将其设置为native仍然可以使编辑器正确加载。
3）对于该线程，我建议将editor.refresh()到create-editor文件的第40行。

不要偏离上述观点，即将换行更改为false也可能有效； 正如@raisedadead指出的那样，如果我们不同时将scrollbarStyle更改为native而不是null ，我认为它将导致水平滚动错误。

嗨，我是这个程序的新手，从第一个挑战开始我就遇到了同样的问题。 这真的很烦人，特别是当我感觉自己正在滚动并且感觉自己知道我将要做什么时，却无法立即执行任何操作，因为光标不想移到我需要的地方。

如果有人有解决方案，请告诉我，我将不胜感激。

谢谢高级

@ arias93jordy一些帖子@sethmchris发布了一种解决方法。 我已经对其进行了测试，它可以为我工作-试用一下。

谢谢@sethmchris！ 这个解决方案对我有用。

@sethmchris我尝试了您的解决方案，但对我而言不起作用...它禁用了镜像环绕功能，但是光标仍然可以执行它想要的任何操作:(也许我做错了吗？我只是安装了扩展名并复制粘贴了您的代码并在FCC网站上启用了扩展程序...我有什么遗漏吗？

Windows 10，Chrome版本54.0.2840.71 m。

我注意到，当本课程加载的代码示例包含足够长的行可以包装到下一行时，该错误就会出现。 如果所有行都短，则没有问题。

转到第一行（位置0，行0）并按一次Delete键似乎可以解决此问题。

是的，谢谢！

在2016年11月1日星期二凌晨3：34，svershin [email protected]写道：

Windows 10，Chrome版本54.0.2840.71 m。

我注意到当代码示例加载了
本课程包含的行足够长，可以包装到下一行
线。 如果所有行都短，则没有问题。

转到第一行（位置0，行0），然后按一次Delete键
解决问题。

-
您收到此消息是因为您已订阅此线程。
直接回复此电子邮件，在GitHub上查看
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503，
或使线程静音
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
。

Google Chrome-已验证开放时间：11/11/11。

重现步骤：
1.）使用包含长行的代码编辑器加载任何页面，例如[https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.）将页面缩小到线条环绕的尺寸。
3.）执行页面的硬刷新。
4.）单击编辑器的右侧。
5.）观察，插入号通常不会移至行尾。

大家好，这是已确认的问题，请使用第一篇文章中的反应进行确认。

让我们保持线程干净仅用于潜在解决方案。

我可以在Edge浏览器和Chrome中重现该问题。 为了使其停止（仅针对当前挑战），我先放大然后再放大。它很烂，但对我有用。

我遇到了@erictleung在这里提到的问题

由于某种原因，直到问题解决为止，我没有收到任何人已回复的电子邮件通知。

点击进入似乎可以解决它

我有同样的问题：

1. 无法将光标定位在某些区域，既不能单击也不能使用键盘箭头
2. 当我尝试删除某些内容时，其他内容也会被删除，例如光标位置不正确

chrome和Firefox会发生这种情况
更新：“重置”代码按钮这次提供了帮助，但仅在一个特定的挑战中……在下一个挑战中，问题会重现……我被迫再次重置代码，每次使用新的代码时都会发生挑战。

@mrgizmo谢谢，请参考https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

我已将对话暂时锁定在此线程上，仅供合作者使用，此问题已在分阶段解决，并将很快上线。

可以在Beta网站上确认此修复程序。

当前在生产网站上的解决方法是：
在挑战编辑器上按Enter键，然后继续挑战。

不便之处，敬请原谅。

如果您需要任何帮助，请在聊天室与我们联系。