Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cursor selection jumps around code.... #8218

Closed
WilliamDecker opened this issue Apr 20, 2016 · 2 comments
Closed

Cursor selection jumps around code.... #8218

WilliamDecker opened this issue Apr 20, 2016 · 2 comments
Labels
type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc.

Comments

@WilliamDecker
Copy link

I had this issue, but a friend of mine started FreeCodeCamp and had a similar issue. It wasn't browser specific to Chrome or Firefox (occurring in both), but what seems to happen is if you select something say 3/4 down the page (for reference my monitor is 1366x768, also happened in my 1920x1080 monitor) your cursor will be close to, but not where you selected. It's a minor issue but sufficiently annoying when you try to select something specific in a challenge and your cursor is jumping around, or you're typing not where you think you were, and then messing up your code.

The coding window in the later challenges (I'm currently on Seek and Destroy) don't seem to have these same issues and I noticed it did go away. Since a friend of mine had the same issue I figured I should submit it.

Challenge Create a Text Field has an issue.
User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36.
Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>
Te
<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<input type="text">
@ghost
Copy link

ghost commented Apr 20, 2016

@WilliamDecker I have had the same issue!

@ghost ghost added confirmed type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc. labels Apr 20, 2016
@ghost
Copy link

ghost commented Apr 20, 2016

Closing as duplicate of #7847

@ghost ghost closed this as completed Apr 20, 2016
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Issues that need priority attention. Platform, Curriculum tests (if broken completely), etc.
Projects
None yet
Development

No branches or pull requests

2 participants