Freecodecamp: Курсор в редакторе кода перемещается случайным образом.

Я не мог воспроизвести это.

Не могли бы вы предоставить дополнительную информацию о вашем устройстве / браузере? Я могу набирать текст в редакторе, как только загружается задача, при этом редактор автоматически получает фокус, без необходимости нажимать клавишу ввода.

Это может быть проблема, связанная с вашей настройкой.

Думаю, у меня такая же проблема с редактором.

Например, в этом упражнении (см. Изображение ниже) я не могу сфокусировать некоторые части кода до нажатия клавиши ввода (ни с помощью мыши, ни с помощью клавиатуры). Независимо от того, где я щелкаю под строкой 54, курсор перемещается вправо в начало строки 54. После однократного нажатия клавиши «Enter» в любом месте кода все работает нормально!

Я использую последнюю версию Chrome в Windows 10. До сих пор я заметил эту проблему в большинстве упражнений.

У меня та же проблема, что и у smlabt, независимо от того, какое упражнение я выполняю. Я использую Firefox в Windows 10.

Строка 56 input> это сработает

Если у вас возникла эта проблема, опубликуйте свой браузер, ОС и попробуйте, где вы впервые столкнулись с этой проблемой. Если возможно, было бы чрезвычайно полезно видео в формате GIF с описанием проблемы. Без этой информации проблема не может быть решена.

Как я уже сказал, я использую Chrome в Windows 10.
Пожалуйста, попробуйте воспроизвести проблему с меньшим окном. Я могу представить, что такое поведение могло быть вызвано разрывами строк.
Я постараюсь как можно скорее создать гифку.

@smlabt не беспокойтесь о

В некоторых задачах курсор не перемещается до последней строки, он перестал опускаться до 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 "
но это все еще проблема, если я вернусь к предыдущему уроку.

Вот исправление, которое я использую:

Когда курсор перестает отвечать на запросы, прокрутите вниз до последней строки кода - обычно там пустая строка.

Поместите курсор в пустую строку и используйте «удалить» или «backspace», чтобы подвести курсор к строке с текстом.

Курсор теперь отлично справится с этой задачей.

У меня возникла эта проблема с момента испытания №35 при использовании Chrome в Windows 10. Проблема периодически повторяется. Когда я снова столкнусь с этим, я запишу это.

есть такая же проблема здесь

Та же проблема. Используется последняя версия Chrome с Windows 8.1. Не помню, с какого именно испытания он начался, но я предполагаю, что где-то между 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. Невозможно выбрать столбец некоторых строк. Кажется, что код и допустимые строки «смещены», потому что возможность выбора столбцов выглядит так, как будто это зависит от строки после него.

Запуск windows 10 на последней версии Chrome на Surface Pro 3

У меня такая же проблема - я запускаю последнюю версию Google Chrome в Windows 10.

+1
У меня та же проблема, которую, как мне кажется, люди обсуждают во всех упражнениях первого урока HTML. Я думаю, что выпуск №8226 хорошо объясняет суть проблемы.

Похоже, они не работали над этой проблемой, потому что я получаю ту же проблему до сих пор. И я только вчера присоединился к FCC.

+1 проблема прерывистая, иногда помогает обновление. ввод любого символа и его удаление временно исправляет его для этой задачи

Я думаю, что это вызвано переносом строк, изменение масштаба страницы до тех пор, пока строки не перестанут переноситься, устраняет проблему.
Может не стоит просто заворачивать ...

Эта проблема довольно раздражает, удаление класса CodeMirror-wrap из верхнего div, похоже,
<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 большое спасибо за подробный анализ, однако это действительно сложная ошибка, если я удалю обертку и добавлю собственную полосу прокрутки, редактор будет отображаться странным образом.

Возможно, это можно исправить, но более утомительная часть состоит в том, что я больше не могу воспроизвести это в своей локальной настройке.

Он все еще находится в производстве (основной веб-сайт).

Не стесняйтесь сделать запрос на перенос, если хотите, с окончательным исправлением.
Еще раз спасибо.

Что, если вы написали сценарий, который дошел до конца последней строки в редакторе кода, а затем удалил (без возврата) 1 символ? Тогда пользователь сможет поместить свой курсор в любое место после этого ... только исправление на данный момент?

Я, честно говоря, не вижу никакой ценности в переносе строк ...
Если это зависит от меня, я просто отключаю обертку и забываю о полосах прокрутки.
16 июня 2016 г., 8:43, "Мругеш Мохапатра" [email protected]
написал:

@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,
Убедитесь, что он отображает div без CodeMirror-wrap, мы должны быть в порядке.

Но это то, что нужно посоветоваться с другими сопровождающими, поставить это на какое-то голосование.

@heldersepu Я так и сделал.

Сначала снял обертку,
lineWrapping: false

Из-за этого я не мог просматривать код по горизонтали (для более длинных строк).
поэтому я попытался добавить полосы прокрутки с помощью
scrollbarStyle: 'native',

Это визуализирует все очень странным образом, вдобавок к этому эта проблема НЕ воспроизводится в локальной настройке, что делает исправление не тестируемым перед выполнением push.

@leonsegal, к сожалению, да (пока не будет развернуто окончательное исправление, имейте в виду, что у меня нет этих прав) Это то, что я использовал, чтобы обойти это.

@raisedadead о невозможности просматривать код по горизонтали
Если вы нажмете на длинную строку и нажмете клавишу [end], сможете ли вы перейти к этой строке?
А как насчет перемещения с помощью клавиш со стрелками?

Неа вроде ничего не работает, кнопки мыши, клавиши со стрелками ничего.

PS Продолжим чат в чате авторов .

Я думаю, что в основном замечал проблему, когда код становился достаточно длинным, чтобы требовать вертикальной прокрутки, а не столько проблемой с переносом строк (хотя я мог ошибаться). Просто мысль.

Просто чтобы записать наши выводы:

• Это проблема редактора кода CodeMirror.
• В качестве обходного пути мы могли бы отключить lineWrap и использовать аддон simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

Я пробовал использовать Firefox, Safari, Edge, Chrome, Vivaldi и Opera, но эта проблема продолжает работать.

Я использую Chrome v51 64bit (последняя версия) на Mac и все еще имею ту же проблему.

Привет, ребята, это подтвержденная проблема, пожалуйста, используйте реакцию в первом посте вместо подтверждения.

Давайте оставим поток чистым только для потенциальных решений.

та же проблема все еще возникает
ОС: Ubuntu
Браузер: Chromium

Все еще происходит со мной. Похоже, это началось для меня примерно в 60-х годах.

ОС: Windows 10
Браузер: Firefox

Если кого-то интересует долгосрочное решение, я использовал это расширение Chrome со скриптом @heldersepu : $ (". CodeMirror-wrap"). RemoveClass ("CodeMirror-wrap")

Я использовал пробел, чтобы определить, где находится курсор, в отличие от Enter (принудительный разрыв строки). Для меня это оказало меньшее влияние. Я хотел бы использовать «рекомендуемый браузер» для упражнений FCC, если мы найдем решение по любому из них.

Я столкнулся с этой проблемой с самого начала. Я только что набрал 100.

ОС: OSX
Браузер: Chrome и Safari

Мне интересно, может ли это быть связано с установленными расширениями Chrome? У меня есть несколько: Adblocker, Microsoft Rewards (не судите), Honey, Avast, Grammarly, Mightytext. (Тем не менее, я испытываю это в Safari, который я очень редко использую и сознательно не устанавливал никаких расширений)

Предложенный @sethmchris ( созданный @helderspu ) обходной путь, похоже,

Это сложно проверить, так как я еще не видел, чтобы кто-то воспроизводил его локально, и, похоже, он проявляет себя в условиях, которые еще предстоит определить. Я полагаю, что лучше всего было бы попытаться добавить несколько неразрывных исправлений, чтобы посмотреть, исправит ли он это.

Вот несколько наблюдений:
1) возможно, response-codemirror исправит это, когда появятся обновления?
2) Per @heldersepu предлагает использовать simplescroll, я не могу заставить его правильно применяться локально. Это препятствует правильной загрузке редактора, и консоль показывает ошибку: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . В настоящее время для scrollbarStyle установлено значение null поэтому, возможно, стоит попробовать установить его в native . Установка его на native прежнему позволяет редактору загружаться правильно.
3) В этой теме я мог бы предложить добавить editor.refresh() в строку 40 файла редактора создания .

Чтобы не отвлекаться от вышеизложенного, можно сказать, что изменение обтекания на false также может сработать; как указал @raisedadead , я думаю, что это вызовет ошибки при горизонтальной прокрутке, если мы одновременно не изменим scrollbarStyle на native вместо null .

Привет, я новичок в этой программе, и у меня возникла та же проблема с первого испытания. Это действительно раздражает, особенно когда я чувствую, что я нахожусь в ударе и чувствую, что знаю, что собираюсь делать, но не могу ничего сделать сразу, потому что курсор не хочет идти туда, где мне нужно. .

Если у кого-то есть решение, расскажите, пожалуйста, об этом, я был бы очень признателен.

заранее благодарю

@ arias93jordy несколько сообщений вверх @sethmchris опубликовал обходной путь. Я тестировал его, и он у меня работает - попробуйте.

Спасибо @sethmchris! Это решение сработало для меня.

@sethmchris Я пробовал ваше решение, но оно у меня не работает ... Оно отключает функцию обертывания зеркала, но курсор по-прежнему делает все, что хочет :( Может, я делаю это неправильно? Я просто установил расширение и скопировал вставленный фрагмент кода и включил расширение на сайте FCC ... Что-то мне не хватает?

Windows 10, версия Chrome Версия 54.0.2840.71 m.

Я заметил, что ошибка возникает, когда образец кода, загруженный с уроком, содержит строки, достаточно длинные, чтобы их можно было перенести на следующую строку. Если все строки короткие, проблем нет.

Переход к верхней строке (позиция 0, строка 0) и однократное нажатие на удаление, похоже, решает проблему.

Да спасибо!

1 ноября 2016 г., в 3:34, svershin [email protected] написал:

Windows 10, версия Chrome Версия 54.0.2840.71 m.

Я заметил, что ошибка возникает, когда образец кода загружается с
урок содержит строки, достаточно длинные, чтобы их можно было перенести на следующий
линия. Если все строки короткие, проблем нет.

Переход к верхней строке (позиция 0, строка 0) и однократное нажатие на удаление кажется
решить проблему.

-
Вы получаете это, потому что подписаны на эту ветку.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503,
или отключить поток
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome - проверено. Открыт 11.11.16.

Действия по воспроизведению:
1.) Загрузите любую страницу с помощью редактора кода, содержащего длинную строку, например [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Уменьшите страницу до такого размера, при котором линии будут переноситься.
3.) Выполните аппаратное обновление страницы.
4.) Щелкните в правой части редактора.
5.) Обратите внимание, каретка часто не перемещается в конец строки.

Привет, ребята, это подтвержденная проблема, пожалуйста, используйте реакцию в первом посте вместо подтверждения.

Давайте оставим поток чистым только для потенциальных решений.

Я могу воспроизвести проблему в браузере Edge, а также в Chrome. Чтобы заставить его остановиться (только для текущей задачи), я уменьшаю масштаб, затем снова увеличиваю масштаб. Это отстой, но у меня это работает.

У меня была эта проблема, на которую ссылается @erictleung здесь

по какой-то причине я не получил по электронной почте уведомление о том, что кто-то ответил на него, пока проблема не была закрыта.

нажатие Enter, похоже, исправляет это

У меня такая же проблема:

1. Невозможно установить курсор в некоторых областях ни щелчком, ни стрелками на клавиатуре
2. Когда я пытаюсь что-то удалить, все остальное удаляется, например, позиция курсора неверна.

Это происходит с Chrome и Firefox
Обновление: кнопка «Сбросить код» помогла на этот раз, но только в одной конкретной задаче ..... в следующей проблема воспроизводится сама собой .... и я вынужден снова сбросить код, и это происходит каждый раз с новым вызов.

@mrgizmo спасибо, обратитесь https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

Я временно заблокировал беседу в этой ветке только для соавторов, это было решено на стадии постановки и скоро будет доступно.

Исправление можно подтвердить на веб-сайте бета-версии.

Временное решение, которое в настоящее время доступно на рабочем веб-сайте:
Нажмите клавишу Enter в редакторе задач и продолжите выполнение задачи.

Приносим извинения за неудобства.

Свяжитесь с нами в чате, если вам понадобится помощь.