Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Make sure the emoji picker is focused...

Browse Source 
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
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/emoji-picker.js
View File

@ -283,9 +283,10 @@ export class EmojiDropdown extends BaseDropdown {
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
<converse-icon class="fa fa-smile "
path-prefix="${api.settings.get('assets_path')}"
size="1em"></converse-icon>
<converse-icon
class="fa fa-smile "
path-prefix="${api.settings.get('assets_path')}"
size="1em"></converse-icon>
</button>
<div class="dropdown-menu">
${until(this.initModel().then(() => html`
@ -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());
}
}