diff --git a/app/assets/javascripts/discourse/app/components/emoji-picker.js b/app/assets/javascripts/discourse/app/components/emoji-picker.js index 3d04b226bb..1d6867a06b 100644 --- a/app/assets/javascripts/discourse/app/components/emoji-picker.js +++ b/app/assets/javascripts/discourse/app/components/emoji-picker.js @@ -88,25 +88,24 @@ export default Component.extend({ return; } - if (!this.site.isMobileDevice) { - this._popper = createPopper( - document.querySelector(".d-editor-textarea-wrapper"), - emojiPicker, - { - placement: "auto", - modifiers: [ - { - name: "preventOverflow", + const textareaWrapper = document.querySelector( + ".d-editor-textarea-wrapper" + ); + if (!this.site.isMobileDevice && textareaWrapper) { + this._popper = createPopper(textareaWrapper, emojiPicker, { + placement: "auto", + modifiers: [ + { + name: "preventOverflow", + }, + { + name: "offset", + options: { + offset: [5, 5], }, - { - name: "offset", - options: { - offset: [5, 5], - }, - }, - ], - } - ); + }, + ], + }); } // this is a low-tech trick to prevent appending hundreds of emojis