From 31932813b782c70473a5f759cde1471ee610d828 Mon Sep 17 00:00:00 2001 From: Guo Xiang Tan Date: Tue, 11 Jul 2017 15:26:27 +0900 Subject: [PATCH] FIX: Wait for CSS transition to end before attempting to focus. https://meta.discourse.org/t/tab-should-work-after-edit-title-or-using-hotkeys/65792 --- .../javascripts/discourse/components/composer-title.js.es6 | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/discourse/components/composer-title.js.es6 b/app/assets/javascripts/discourse/components/composer-title.js.es6 index 2e37da138ee..8841500af8f 100644 --- a/app/assets/javascripts/discourse/components/composer-title.js.es6 +++ b/app/assets/javascripts/discourse/components/composer-title.js.es6 @@ -2,6 +2,7 @@ import { default as computed, observes } from 'ember-addons/ember-computed-decor import InputValidation from 'discourse/models/input-validation'; import { load, lookupCache } from 'pretty-text/oneboxer'; import { ajax } from 'discourse/lib/ajax'; +import afterTransition from 'discourse/lib/after-transition'; export default Ember.Component.extend({ classNames: ['title-input'], @@ -10,7 +11,11 @@ export default Ember.Component.extend({ didInsertElement() { this._super(); if (this.get('focusTarget') === 'title') { - this.$('input').putCursorAtEnd(); + const $input = this.$("input"); + + afterTransition(this.$().closest("#reply-control"), () => { + $input.putCursorAtEnd(); + }); } },