<h4 dir="auto">Challenge Name</h4>

<p dir="auto"><a href="https://www.freecodecamp.com/challenges/create-a-form-element" rel="nofollow">https://www.freecodecamp.com/challenges/create-a-form-element</a><br>
However, this issue has come up on all of my challenges. It didn't happen at first, but then it started happening some challenges ago and persisted, though I'm not sure on which one specifically.</p>
<h4 dir="auto">Issue Description</h4>
<p dir="auto">Whenever I begin the challenge and try to start typing the code, the cursor will not move to the last line of the code. For example, on this challenge the last line of the code is []. When I try to select this element or I try to place my cursor somewhere in the middle of it (say, on the word 'text'), the cursor won't move and I can't select. It only begins working properly when I hit backspace as though to delete the element. That's when the browser suddenly recognizes the element and then I can freely move the cursor. Also, it should be noted that when I do hit backspace on the line before this input element, the browser deletes not something from the previous line but something from the bugged line below.</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Chrome,  57.0.2987.110</li>
<li>Operating System: MacOS Sierra, 10.12.4</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;form action=&quot;/submit-cat-photo&quot;&gt;
&lt;link href=&quot;https://fonts.googleapis.com/css?family=Lobster&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
&lt;style&gt;
  .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;
  }
&lt;/style&gt;

&lt;h2 class=&quot;red-text&quot;&gt;CatPhotoApp&lt;/h2&gt;

&lt;p&gt;Click here for &lt;a href=&quot;#&quot;&gt;cat photos&lt;/a&gt;.&lt;/p&gt;

&lt;a href=&quot;#&quot;&gt;&lt;img class=&quot;smaller-image thick-green-border&quot; alt=&quot;A cute orange cat lying on its back. &quot; src=&quot;https://bit.ly/fcc-relaxing-cat&quot;&gt;&lt;/a&gt;

&lt;p&gt;Things cats love:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;cat nip&lt;/li&gt;
  &lt;li&gt;laser pointers&lt;/li&gt;
  &lt;li&gt;lasagna&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Top 3 things cats hate:&lt;/p&gt;
&lt;ol&gt;
  &lt;li&gt;flea treatment&lt;/li&gt;
  &lt;li&gt;thunder&lt;/li&gt;
  &lt;li&gt;other cats&lt;/li&gt;
&lt;/ol&gt;
&lt;input type=&quot;text&quot; placeholder=&quot;cat photo URL&quot;&gt;

"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">form</span> <span class="pl-c1">action</span><span class="pl-c1">=</span><span class="pl-s">"/submit-cat-photo"</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">link</span> <span class="pl-c1">href</span><span class="pl-c1">=</span><span class="pl-s">"https://fonts.googleapis.com/css?family=Lobster"</span> <span class="pl-c1">rel</span><span class="pl-c1">=</span><span class="pl-s">"stylesheet"</span> <span class="pl-c1">type</span><span class="pl-c1">=</span><span class="pl-s">"text/css"</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">style</span><span class="pl-c1">&gt;</span>
  .red-text <span class="pl-kos">{</span>
    <span class="pl-s1">color</span>: <span class="pl-s1">red</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  h2 <span class="pl-kos">{</span>
    <span class="pl-s1">font</span><span class="pl-c1">-</span><span class="pl-s1">family</span>: <span class="pl-v">Lobster</span><span class="pl-kos">,</span> <span class="pl-v">Monospace</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  p <span class="pl-kos">{</span>
    <span class="pl-s1">font</span><span class="pl-c1">-</span><span class="pl-s1">size</span>: <span class="pl-c1">16</span><span class="pl-s1">px</span><span class="pl-kos">;</span>
    <span class="pl-s1">font</span><span class="pl-c1">-</span><span class="pl-s1">family</span>: <span class="pl-v">Monospace</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  .thick-green-border <span class="pl-kos">{</span>
    <span class="pl-s1">border</span><span class="pl-c1">-</span><span class="pl-s1">color</span>: <span class="pl-s1">green</span><span class="pl-kos">;</span>
    <span class="pl-s1">border</span><span class="pl-c1">-</span><span class="pl-s1">width</span>: <span class="pl-c1">10</span><span class="pl-s1">px</span><span class="pl-kos">;</span>
    <span class="pl-s1">border</span><span class="pl-c1">-</span><span class="pl-s1">style</span>: <span class="pl-s1">solid</span><span class="pl-kos">;</span>
    <span class="pl-s1">border</span><span class="pl-c1">-</span><span class="pl-s1">radius</span>: <span class="pl-c1">50</span><span class="pl-c1">%</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>

  .smaller-image <span class="pl-kos">{</span>
    <span class="pl-s1">width</span>: <span class="pl-c1">100</span><span class="pl-s1">px</span><span class="pl-kos">;</span>
  <span class="pl-kos">}</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">style</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-ent">h2</span> <span class="pl-c1">class</span><span class="pl-c1">=</span><span class="pl-s">"red-text"</span><span class="pl-c1">&gt;</span>CatPhotoApp<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">h2</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>Click here for <span class="pl-c1">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span><span class="pl-c1">=</span><span class="pl-s">"#"</span><span class="pl-c1">&gt;</span>cat photos<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">a</span><span class="pl-c1">&gt;</span>.<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span><span class="pl-c1">=</span><span class="pl-s">"#"</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-ent">img</span> <span class="pl-c1">class</span><span class="pl-c1">=</span><span class="pl-s">"smaller-image thick-green-border"</span> <span class="pl-c1">alt</span><span class="pl-c1">=</span><span class="pl-s">"A cute orange cat lying on its back. "</span> <span class="pl-c1">src</span><span class="pl-c1">=</span><span class="pl-s">"https://bit.ly/fcc-relaxing-cat"</span><span class="pl-c1">&gt;</span><span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">a</span><span class="pl-c1">&gt;</span>

<span class="pl-c1">&lt;</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>Things cats love:<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">ul</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>cat nip<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>laser pointers<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>lasagna<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">ul</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>Top 3 things cats hate:<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">p</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">ol</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>flea treatment<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>thunder<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>other cats<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">li</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">ol</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span><span class="pl-c1">=</span><span class="pl-s">"text"</span> <span class="pl-c1">placeholder</span><span class="pl-c1">=</span><span class="pl-s">"cat photo URL"</span><span class="pl-c1">&gt;</span>
</pre></div>
<p dir="auto">In all the exercises, we the users are forced to press the enter key before writing any code.</p>
<hr>
<h4 dir="auto">Update:</h4>
<p dir="auto">We have locked the conversation temporarily on this thread to collaborators only, this has been resolved in staging, and will be live soon.</p>
<p dir="auto">The fix can be confirmed on the beta website.</p>
<p dir="auto">The workaround currently on production website is:<br>
Press the <kbd>Enter</kbd> key on the challenge editor and then proceed with the challenge.</p>
<p dir="auto">Apologies for the inconvenience meanwhile.</p>
<p dir="auto">Reach us in the chat room if you need any assistance.</p>