From e4b3beee75c3171d02e13e3af07f5202c756482e Mon Sep 17 00:00:00 2001 From: Rishabh Date: Thu, 18 Nov 2021 11:46:43 +0530 Subject: [PATCH] Updated focus to toggle card heading in edit mode refs https://github.com/TryGhost/Team/issues/1209 --- .../addon/components/koenig-card-accordion.js | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-accordion.js b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-accordion.js index 660befcadf..679946a27b 100644 --- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-accordion.js +++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-accordion.js @@ -104,7 +104,7 @@ export default class KoenigCardAccordionComponent extends Component { this._textReplacementEditor = textReplacementEditor; - run.scheduleOnce('afterRender', this, this._placeCursorAtEnd); + run.scheduleOnce('afterRender', this, this._afterRender); } _enter(modifier) { @@ -113,6 +113,11 @@ export default class KoenigCardAccordionComponent extends Component { } } + _afterRender() { + this._placeCursorAtEnd(); + this._focusInput(); + } + _placeCursorAtEnd() { if (!this._textReplacementEditor) { return; @@ -131,4 +136,12 @@ export default class KoenigCardAccordionComponent extends Component { // update the mobiledoc and stay in edit mode this.args.saveCard?.(payload, false); } + + _focusInput() { + let headingInput = this.element.querySelector('.kg-accordion-card-heading .koenig-basic-html-input__editor'); + + if (headingInput) { + headingInput.focus(); + } + } }