focus for chat changes

This commit is contained in:
Konstantyn Pahsura 2016-11-15 20:18:40 +02:00
parent 5098b64666
commit a67087b6de
1 changed files with 8 additions and 9 deletions

View File

@ -157,6 +157,11 @@ function resizeChatConversation() {
chat.height(window.innerHeight - 15 - msgareaHeight); chat.height(window.innerHeight - 15 - msgareaHeight);
} }
function deferredFocus(id){
setTimeout(function (){
$(`#${id}`).focus();
}, 400);
}
/** /**
* Chat related user interface. * Chat related user interface.
*/ */
@ -180,6 +185,7 @@ var Chat = {
let val = this.value; let val = this.value;
this.value = ''; this.value = '';
eventEmitter.emit(UIEvents.NICKNAME_CHANGED, val); eventEmitter.emit(UIEvents.NICKNAME_CHANGED, val);
deferredFocus('usermsg');
} }
}); });
@ -223,9 +229,9 @@ var Chat = {
// if we are in conversation mode focus on the text input // if we are in conversation mode focus on the text input
// if we are not, focus on the display name input // if we are not, focus on the display name input
if (APP.settings.getDisplayName()) if (APP.settings.getDisplayName())
$('#usermsg').focus(); deferredFocus('usermsg');
else else
$('#nickinput').focus(); deferredFocus('nickinput');
}); });
addSmileys(); addSmileys();
@ -318,13 +324,6 @@ var Chat = {
setChatConversationMode (isConversationMode) { setChatConversationMode (isConversationMode) {
$('#' + CHAT_CONTAINER_ID) $('#' + CHAT_CONTAINER_ID)
.toggleClass('is-conversation-mode', isConversationMode); .toggleClass('is-conversation-mode', isConversationMode);
// this is needed when we transition from no conversation mode to
// conversation mode. When user enters his nickname and hits enter,
// to focus on the write area.
if (isConversationMode) {
$('#usermsg').focus();
}
}, },
/** /**