🐛 Fixed Code Injection inputs not being clickable

no issue
- attempt to fix the "Cannot set property 'modeOption' of undefined" error by telling CM to replace the textarea element rather than appending to the wrapper and having Ember replace the textarea

app/components/gh-cm-editor.js

@@ -12,7 +12,6 @@ const CmEditorComponent = Component.extend({
     classNameBindings: ['isFocused:focus'],
 
     isFocused: false,
-    isInitializingCodemirror: true,
 
     // options for the editor
     autofocus: false,
@@ -76,8 +75,7 @@ const CmEditorComponent = Component.extend({
             options.autofocus = true;
         }
 
-        this.set('isInitializingCodemirror', false);
-        this._editor = new CodeMirror(this.element, options);
+        this._editor = new CodeMirror.fromTextArea(textarea, options);
 
         // by default CodeMirror will place the cursor at the beginning of the
         // content, it makes more sense for the cursor to be at the end

app/templates/components/gh-cm-editor.hbs

@@ -1,7 +1,5 @@
 {{!-- display a standard textarea whilst waiting for CodeMirror to load/initialize --}}
-{{#if isInitializingCodemirror}}
-    {{gh-textarea
-        class="gh-cm-editor-textarea"
-        value=(readonly _value)
-        input=(action "updateFromTextarea" value="target.value")}}
-{{/if}}
+{{gh-textarea
+    class="gh-cm-editor-textarea"
+    value=(readonly _value)
+    input=(action "updateFromTextarea" value="target.value")}}