mirror of
https://github.com/discourse/discourse.git
synced 2025-02-19 14:13:17 +08:00
a5e576adca
- After clicking on the pencil icon to edit a topic, the focus is not set on the input. - This leads to cases where using keyboard shorcuts (e.g. cmd + left) leads to navigation instead. - Searching around online, it seems the cleanest way to add a text-field that autofocuses is to create a component. - I followed the [cookbook](http://emberjs.com/guides/cookbook/user_interface_and_interaction/focusing_a_textfield_after_its_been_inserted/) and did the most naive implementation. - This focuses the text-field but at the start of the input. Setting selectionStart and selectionEnd solves this problem, but does not work on IE 8 and below.
8 lines
225 B
JavaScript
8 lines
225 B
JavaScript
export default Ember.TextField.extend({
|
|
becomeFocused: function() {
|
|
var input = this.get("element");
|
|
input.focus();
|
|
input.selectionStart = input.selectionEnd = input.value.length;
|
|
}.on('didInsertElement')
|
|
});
|