Fix scroll jumping when showing picker

joeattardi · Aug 24, 2020 · ae750ce · ae750ce
1 parent abc9d05
commit ae750ce
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -473,16 +473,16 @@ export class EmojiButton {
 
     this.focusTrap.activate();
 
-    const initialFocusElement = this.pickerEl.querySelector(
-      this.options.showSearch && this.options.autoFocusSearch
-        ? `.${CLASS_SEARCH_FIELD}`
-        : `.${CLASS_EMOJI}[tabindex="0"]`
-    ) as HTMLElement;
-    initialFocusElement.focus();
-
     setTimeout(() => {
       document.addEventListener('click', this.onDocumentClick);
       document.addEventListener('keydown', this.onDocumentKeydown);
+
+      const initialFocusElement = this.pickerEl.querySelector(
+        this.options.showSearch && this.options.autoFocusSearch
+          ? `.${CLASS_SEARCH_FIELD}`
+          : `.${CLASS_EMOJI}[tabindex="0"]`
+      ) as HTMLElement;
+      initialFocusElement.focus();
     });
 
     this.emojiArea.reset();