UX: Focus on usernames if creating a PM from your user page

app/assets/javascripts/discourse/components/composer-title.js.es6

@@ -1,12 +1,12 @@
-import { default as computed, on } from 'ember-addons/ember-computed-decorators';
+import computed from 'ember-addons/ember-computed-decorators';
 import InputValidation from 'discourse/models/input-validation';
 
 export default Ember.Component.extend({
   classNames: ['title-input'],
 
-  @on('didInsertElement')
+  didInsertElement() {
-  _focusOnTitle() {
+    this._super();
-    if (!this.capabilities.isIOS) {
+    if (this.get('focusTarget') === 'title') {
       this.$('input').putCursorAtEnd();
     }
   },

app/assets/javascripts/discourse/components/composer-user-selector.js.es6

@@ -5,6 +5,14 @@ export default Ember.Component.extend({
   shouldHide: false,
   defaultUsernameCount: 0,
 
+  didInsertElement() {
+    this._super();
+
+    if (this.get('focusTarget') === 'usernames') {
+      this.$('input').putCursorAtEnd();
+    }
+  },
+
   @observes('usernames')
   _checkWidth() {
     let width = 0;

app/assets/javascripts/discourse/controllers/composer.js.es6

@@ -64,6 +64,21 @@ export default Ember.Controller.extend({
   topic: null,
   linkLookup: null,
 
+  @computed('model.replyingToTopic', 'model.creatingPrivateMessage', 'model.targetUsernames')
+  focusTarget(replyingToTopic, creatingPM, usernames) {
+    if (this.capabilities.isIOS) { return "none"; }
+
+    if (creatingPM && usernames === this.currentUser.get('username')) {
+      return 'usernames';
+    }
+
+    if (replyingToTopic) {
+      return 'reply';
+    }
+
+    return 'title';
+  },
+
   showToolbar: Em.computed({
     get(){
       const keyValueStore = this.container.lookup('key-value-store:main');

app/assets/javascripts/discourse/templates/composer.hbs

@@ -49,9 +49,9 @@
             <div class='form-element clearfix'>
               {{#if model.creatingPrivateMessage}}
                 {{composer-user-selector topicId=topicModel.id
-                                usernames=model.targetUsernames
+                                         usernames=model.targetUsernames
-                                hasGroups=model.hasTargetGroups
+                                         hasGroups=model.hasTargetGroups
-                                }}
+                                         focusTarget=focusTarget}}
                 {{#if showWarning}}
                   <div class='add-warning'>
                     <label>
@@ -62,7 +62,7 @@
                 {{/if}}
               {{/if}}
 
-              {{composer-title composer=model lastValidatedAt=lastValidatedAt}}
+              {{composer-title composer=model lastValidatedAt=lastValidatedAt focusTarget=focusTarget}}
 
               {{#if model.showCategoryChooser}}
                 <div class="category-input">