Cursor jumps randomly in Code Editor.

[sadathanwar17]

In all the exercises, we the users are forced to press the enter key before writing any code.

---

Update:

We have locked the conversation temporarily on this thread to collaborators only, this has been resolved in staging, and will be live soon.

The fix can be confirmed on the beta website.

The workaround currently on production website is:
Press the Enter key on the challenge editor and then proceed with the challenge.

Apologies for the inconvenience meanwhile.

Reach us in the chat room if you need any assistance.

[BKinahan]

I could not reproduce this.

Could you provide some more information about your device / browser? I'm able to type within the editor as soon as a challenge loads, with the editor automatically taking focus, without needing to press enter.

It could be an issue specific to your setup.

[smlabt]

I think I'm having the same issue with the editor.

In this exercise (please see image below) for example, I'm not able to focus some parts of the code before hitting enter (Neither with the mouse, nor with the keyboard). No matter where I'm clicking below line 54, the cursor jumps right to the beginning of line 54. After hitting "enter" once anywhere in the code, it all works fine!

I'm running latest Version of Chrome on Windows 10. I've noticed this issue in most of the exercices so far.

[astronautCat]

I have the same issue as smlabt no matter what exercise i'm doing. I'm using Firefox on Windows 10.

[ghost]

Line 56 input>would that work

[benmcmahon100]

For anyone having this issue please post your browser, os and challenge you first experienced this on. If possible a video of a GIF of the problem would be extremely helpful. Without this information the issue cannot be fixed.

[smlabt]

Like I said I'm using Chrome on Windows 10.
Please try to reproduce the issue with a smaller window. I can imagine that this behaviour could have been caused by the line breaks.
I will try to create a gif asap.

[benmcmahon100]

@smlabt don't worry about the gif i have successfully reproduced it. Thank you for the help!

[chandramaniadil]

In some tasks the cursor won't go till last line ,it stopped going down before 3-5 line above ,so i had to make space above to complete it .(occurred mostly in html-css tasks)
My user agent is Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 Safari/537.36 @BKinahan

[jmargolisvt]

Using this for the first time and this usability issue it the first thing I noticed. It's true for all challenges I've tried so far in the javascript path. The only way I can get to the code window is to click in. This is also true for scrolling the instructions panel.

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

[espdesign]

I just started learning to code on Code Free Camp. As I literally just started I am a bit anxious in even trying to offer my help in diagnosing the issue.

What I can offer is my experience. Each time I load a page, I click onto the code window and try to type at the clicked location.
The actual location that it types at is bellow (seeming randomly) a short distance down from where I originally clicked.

The only time the cursor failed to jump down was when I clicked on first line in the editor. The one it starts at when the page loads.

(edit)
I also wanted to add. The problem seemed to not be an issue again starting on "https://www.freecodecamp.com/challenges/create-a-bootstrap-headline"
but its still an issue if I go back to the previous lesson.

[ghost]

Here is the fix that I use:

When the cursor starts becoming unresponsive, scroll down to the last line of the code - there is usually a blank line.

Place your cursor on the blank line, and use "delete" or "backspace" to bring the cursor up to the line that has text on it.

The cursor will now work fine for this challenge.

I have been having this issue since Challenge #35, using Chrome on Windows 10. The issue persists intermittently. When I encounter it again I will record it.

[ReactorboY]

have same issue here

[svershin]

Windows 10, Chrome version Version 54.0.2840.71 m.

I've noticed that the bug crops-up when the code sample loaded with the lesson contains lines that are long enough to be wrapped on to the next line. If all of the lines are short, there is no issue.

Going to the top line (position 0, line 0) and pressing delete once seems to fix the problem.

[ghost]

Yes Thank You!

On Tue, Nov 1, 2016 at 3:34 AM, svershin notifications@github.com wrote:

Windows 10, Chrome version Version 54.0.2840.71 m.

I've noticed that the bug crops-up when the code sample loaded with the
lesson contains lines that are long enough to be wrapped on to the next
line. If all of the lines are short, there is no issue.

Going to the top line (position 0, line 0) and pressing delete once seems
to fix the problem.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#7847 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

[CypherConjured]

Google Chrome - Verified Open on 11/11/16.

Steps to Reproduce:
1.) Load any page with the code editor that contains a long line, such as [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Shrink the page to a size where the lines wrap.
3.) Perform a Hard Refresh of the page.
4.) Click toward the right side of the editor.
5.) Observe, the caret often does not move to the end of the line.

[raisedadead]

Hey guys this is confirmed issue, kindly use the reactions on the first post instead for confirming.

Let's keep the thread clean for potential solutions only.

[ghost]

I can reproduce the issue in Edge browser as well as Chrome. In order to get it to stop (for the current challenge only) I zoom out then zoom back in. It sucks but it works for me.

[znllnz]

I had this issue as referenced by @erictleung here

for some reason I didn't get an email notification that anyone had responded to it until the issue was closed.

hitting enter does seem to fix it

[mrgizmo]

I have the same issue:

1. Can't position cursor in some areas, not with click, nor with keyboard arrows
2. When I try to delete something, other stuff is deleted, like cursor position is incorrect

This happens with chrome and firefox
Update: "Reset" Code button helped this time, but only in one particular challenge.....in the next one, issue reproduces itself....and I'm forced to reset code again and it happens every time with new challenge.

[raisedadead]

@mrgizmo thanks, please refer #7847 (comment)

[raisedadead]

I have locked the conversation temporarily on this thread to collaborators only, this has been resolved in staging, and will be live soon.

The fix can be confirmed on the beta website.

The workaround currently on production website is:
Press the Enter key on the challenge editor and then proceed with the challenge.

Apologies for the inconvenience meanwhile.

Reach us in the chat room if you need any assistance.