Koenig - Fixed jump-to-top bug when focusing editor

refs https://github.com/TryGhost/Ghost/issues/9311
- the editor was being focused and the cursor placed properly but the act of focusing also reset the scroll position
- pulled the `.gh-koenig-editor` class into the component rather than leaving it in the template so that the component has access to `this.element`
- ensure the `.gh-koenig-editor` container is scrolled all the way to the bottom after focusing the editor

ghost/admin/app/components/gh-koenig-editor.js

@@ -3,7 +3,7 @@ import Component from '@ember/component';
 export default Component.extend({
 
     // public attrs
-    tagName: '',
+    classNames: ['gh-koenig-editor'],
     title: '',
     titlePlaceholder: '',
     body: null,
@@ -35,6 +35,9 @@ export default Component.extend({
                 this._editor.run((postEditor) => {
                     postEditor.setRange(range.tail.section.tailPosition());
                 });
+
+                // ensure we're scrolled to the bottom
+                this.element.scrollTop = this.element.scrollHeight;
             }
         },
 

ghost/admin/app/templates/components/gh-koenig-editor.hbs

@@ -1,25 +1,22 @@
-{{!-- scrollable container --}}
+{{!-- full height content pane --}}
-<div class="gh-koenig-editor">
+<div class="gh-koenig-editor-pane" onclick={{action "focusEditor"}}>
-    {{!-- full height content pane --}}
+    {{gh-textarea title
-    <div class="gh-koenig-editor-pane" onclick={{action "focusEditor"}}>
+        class="gh-editor-title"
-        {{gh-textarea title
+        placeholder=titlePlaceholder
-            class="gh-editor-title"
+        tabindex="1"
-            placeholder=titlePlaceholder
+        autoExpand=".gh-koenig-editor"
-            tabindex="1"
+        update=(action "onTitleChange")
-            autoExpand=".gh-koenig-editor"
+        focusOut=(action "onTitleFocusOut")
-            update=(action "onTitleChange")
+        keyDown=(action "onTitleKeydown")
-            focusOut=(action "onTitleFocusOut")
+        didCreateTextarea=(action "onTitleCreated")
-            keyDown=(action "onTitleKeydown")
+    }}
-            didCreateTextarea=(action "onTitleCreated")
-        }}
 
-        {{koenig-editor
+    {{koenig-editor
-            mobiledoc=body
+        mobiledoc=body
-            placeholder=bodyPlaceholder
+        placeholder=bodyPlaceholder
-            autofocus=bodyAutofocus
+        autofocus=bodyAutofocus
-            spellcheck=true
+        spellcheck=true
-            onChange=(action "onBodyChange")
+        onChange=(action "onBodyChange")
-            didCreateEditor=(action "onEditorCreated")
+        didCreateEditor=(action "onEditorCreated")
-        }}
+    }}
-    </div>
 </div>