<p dir="auto">It seems that there is an issue with the displayed text in the editor loading a duplicate line that also forces the cursors initial location to be above where it actually is applying the keystrokes.  This only happens the first time I select something then both the duplicate code and the cursor function normally.</p>
<h4 dir="auto">Screenshot</h4>

<p dir="auto">On load the 3rd row is duplicated, it disappears when it refreshes the preview<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/26915540/24724552/5e2a1654-1a00-11e7-853b-26d1dfc21b24.png"><img src="https://cloud.githubusercontent.com/assets/26915540/24724552/5e2a1654-1a00-11e7-853b-26d1dfc21b24.png" alt="image" style="max-width: 100%;"></a><br>
cursor positioned after line 9 @ "red");<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/26915540/24724571/70c9e9ec-1a00-11e7-85d6-8bdc000d7352.png"><img src="https://cloud.githubusercontent.com/assets/26915540/24724571/70c9e9ec-1a00-11e7-85d6-8bdc000d7352.png" alt="image" style="max-width: 100%;"></a><br>
hitting enter creates a space below cursor<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/26915540/24724588/7a27ce14-1a00-11e7-87da-f385f484468e.png"><img src="https://cloud.githubusercontent.com/assets/26915540/24724588/7a27ce14-1a00-11e7-87da-f385f484468e.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/bonfire-steamroller" rel="nofollow">http://www.freecodecamp.com/challenges/bonfire-steamroller</a> has an issue. Please describe how to reproduce it, and include links to screen shots if possible.</p>
<p dir="auto">My code is returning the correct value in the console as well as in an external editor, but when I look at the test cases they compare the expected result to a different value than my code output in the console. I have ran it with several of the test cases and it seems to either duplicate the values in the final array or attach the values from the previously ran test to the current array. Please fix.</p>
<p dir="auto">My code:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="var newArr = [];

function steamroller(arr) {
  for (var i = 0; i &lt; arr.length; i++){
   console.log(Array.isArray(arr[i]));
   if (Array.isArray(arr[i])){
     steamroller(arr[i]);
   }else{
     newArr.push(arr[i]);
   }
 }
console.log(newArr);
return newArr;
}

steamroller([[['a']], [['b']]]);"><pre class="notranslate"><code class="notranslate">var newArr = [];

function steamroller(arr) {
  for (var i = 0; i &lt; arr.length; i++){
   console.log(Array.isArray(arr[i]));
   if (Array.isArray(arr[i])){
     steamroller(arr[i]);
   }else{
     newArr.push(arr[i]);
   }
 }
console.log(newArr);
return newArr;
}

steamroller([[['a']], [['b']]]);
</code></pre></div>
<p dir="auto">console output: ['a','b']<br>
frecodecamp test result: expected [ 'a', 'b', 'a', 'b' ] to deeply equal [ 'a', 'b' ]</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/12631698/8243846/be785ad4-15cf-11e5-96fb-156d57a33dec.JPG"><img src="https://cloud.githubusercontent.com/assets/12631698/8243846/be785ad4-15cf-11e5-96fb-156d57a33dec.JPG" alt="steamroller" style="max-width: 100%;"></a></p>