### Author:  [@GaurangTandon](https://meta.discourse.org/u/GaurangTandon)
#### Post date: [6 Febbraio 2016, 9:17am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/1 "2016-02-06T09:17:30Z")
This is just a really small bug and can easily be fixed.
**Summary:** When we press the “Add edit reason” button, the text field that comes after pressing that button does not get auto focus.
**Steps to reproduce:**
1. Open any of your posts and click the pencil icon for editing. You’ll see this at the top: 
2. Click the “add edit reason” button there. This appears: 
3. As you can see, the text field does not have focus and I have to manually click that field to get what I want: 
**Expected results:** The text field should be **highlighted automatically** on step 2 above.
**Actual results:** The text field **does not get automatic highlight** on step 2 above.
**Version:** The one that’s running on this site, right now, I don’t know how to get it.
**System information:** Any system will see this bug hopefully, but I am using Windows 7 with Google Chrome 48.
Hope that’s a quick fix 😃
---
### Author:  [@GaurangTandon](https://meta.discourse.org/u/GaurangTandon)
#### Post date: [23 Marzo 2016, 9:46am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/2 "2016-03-23T09:46:42Z")
Solution found. In this file:
>
Line 173+ need to be something like this:
```
displayEditReason() {
this.set("showEditReason", true);
# a way to get input#edit-reason and call .focus() on it
},
```
I don’t know how to interact with DOM in this file, is it simply `document.querySelector()`? If someone can tell me this, I will submit a PR with fixes 🙂
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [23 Marzo 2016, 9:55am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/3 "2016-03-23T09:55:01Z")
I agree this would be a good change there’s also an alignment issue there @zogstrip, can we assist @GaurangTandon in figuring this out?
---
### Author:  [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [23 Marzo 2016, 4:04pm UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/4 "2016-03-23T16:04:12Z")
> [@GaurangTandon](#):
>
> I don’t know how to interact with DOM in this file
That’s because you don’t 😉 DOM interactions should only be done in a view.
You will need to catch the click in the view, bubble the event up to the controller and then do your DOM `blur`.
---
### Author:  [@GaurangTandon](https://meta.discourse.org/u/GaurangTandon)
#### Post date: [24 Marzo 2016, 2:55am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/5 "2016-03-24T02:55:05Z")
> [@zogstrip](#):
>
> That’s because you don’t 😉 DOM interactions should only be done in a view.
Oh, is Discourse using the Model View Controller kind of practice? I have only heard about it, but never studied, practiced or used it. Seems like a good time to learn some MVC 🙂 I will try to complete the first step you said.
---
### Author:  [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [24 Marzo 2016, 3:21am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/6 "2016-03-24T03:21:54Z")
> [@GaurangTandon](#):
>
> Oh, is Discourse using the Model View Controller kind of practice?
“Yes” would be an extreme understatement.
My simplified answer would be
Discourse has a Rails backend (and yes, Rails is MVC)
with an Ember frontend (and yes, Ember is MVC)
Most of what I have exploring is es6 (a flavor of JavaScript) and some hbs (handlebars/htmlbars templates) files so I would recommend the [Ember documentation](https://guides.emberjs.com/v2.4.0/).
There is a lot there, almost overwhelmingly so (for me anyway), but it will definitely help you get your toes wet.
---
### Author:  [@GaurangTandon](https://meta.discourse.org/u/GaurangTandon)
#### Post date: [24 Marzo 2016, 3:30am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/7 "2016-03-24T03:30:00Z")
Thanks @Mittineague 🙂 I have been looking into the files, and from what I can see, this line in the handlebars file:
```
{{i18n 'composer.show_edit_reason'}}
```
calls the `displayEditReason` click handler here:
```
displayEditReason() {
this.set("showEditReason", true);
}
```
and then, since `showEditReason` boolean becomes true, the `if` branch gets executed in this:
```
{{#if showEditReason}}
{{text-field value=editReason tabindex="7" id="edit-reason" maxlength="255" placeholderKey="composer.edit_reason_placeholder"}}
{{else}}
{{i18n 'composer.show_edit_reason'}}
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [27 Giugno 2016, 6:50am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/8 "2016-06-27T06:50:27Z")
Not really a bug… but fixed none the less 🙂
[https://github.com/discourse/discourse/commit/3ad1423c5390595cdf80242815d6e43412a12ae7](https://github.com/discourse/discourse/commit/3ad1423c5390595cdf80242815d6e43412a12ae7)
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [27 Giugno 2016, 6:50am UTC](https://meta.discourse.org/t/pressing-add-edit-reason-button-does-not-auto-focus-into-the-text-field/39140/9 "2016-06-27T06:50:30Z")