From c5625b70f16019a5276e325208f1f05ae69c8df6 Mon Sep 17 00:00:00 2001
From: Mario Santos <34552881+SantosGuillamot@users.noreply.github.com>
Date: Thu, 4 Jul 2019 11:46:21 +0200
Subject: [PATCH] FIX: Prevent emoji-picker from not showing (#7856)
If an external plugin inserts an element with class "emoji-picker", something probable if they extend EmojiPicker, it could cause troubles as css is added depending on the emoji-picker height. Just by adding a class of a parent
as could be d-editor, we prevent this from happening.
---
app/assets/javascripts/discourse/components/emoji-picker.js.es6 | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/app/assets/javascripts/discourse/components/emoji-picker.js.es6 b/app/assets/javascripts/discourse/components/emoji-picker.js.es6
index 2970f014ce9..0a972e72272 100644
--- a/app/assets/javascripts/discourse/components/emoji-picker.js.es6
+++ b/app/assets/javascripts/discourse/components/emoji-picker.js.es6
@@ -565,7 +565,7 @@ export default Ember.Component.extend({
} else {
const previewInputOffset = $(".d-editor-input").offset();
- const pickerHeight = $(".emoji-picker").height();
+ const pickerHeight = $(".d-editor .emoji-picker").height();
const editorHeight = $(".d-editor-input").height();
const windowBottom = $(window).scrollTop() + $(window).height();