Make sure the emoji picker is focused...

the first time it's opened
This commit is contained in:
JC Brand 2020-07-09 21:21:17 +02:00
parent 45ebc70bfe
commit 54ffd90087

View File

@ -283,7 +283,8 @@ export class EmojiDropdown extends BaseDropdown {
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<converse-icon class="fa fa-smile "
<converse-icon
class="fa fa-smile "
path-prefix="${api.settings.get('assets_path')}"
size="1em"></converse-icon>
</button>
@ -314,14 +315,14 @@ export class EmojiDropdown extends BaseDropdown {
}
async showMenu () {
await this.init_promise;
await this.initModel();
if (!this.render_emojis) {
// Trigger an update so that emojis are rendered
this.render_emojis = true;
this.requestUpdate();
await this.requestUpdate();
}
super.showMenu();
this.querySelector('.emoji-search')?.focus();
setTimeout(() => this.querySelector('.emoji-search')?.focus());
}
}