From bed109ae46a7ae6db7264b9cfb1d3ed88372e270 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 8 Oct 2019 20:54:30 +0300
Subject: start loading emoji when picker is open

---
 src/components/emoji_input/emoji_input.js | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'src/components/emoji_input/emoji_input.js')

diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index a586b819..920fd4bd 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -165,6 +165,7 @@ const EmojiInput = {
   methods: {
     triggerShowPicker () {
       this.showPicker = true
+      this.$refs.picker.startEmojiLoad()
       this.$nextTick(() => {
         this.scrollIntoView()
       })
@@ -181,6 +182,7 @@ const EmojiInput = {
       this.showPicker = !this.showPicker
       if (this.showPicker) {
         this.scrollIntoView()
+        this.$refs.picker.startEmojiLoad()
       }
     },
     replace (replacement) {
-- 
cgit v1.2.3-70-g09d2


From 81d86a39fe84794005772a382cbb0f7b3b0c97c7 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 8 Oct 2019 21:30:27 +0300
Subject: fixed emoji picker showing up beyond viewport

---
 src/components/emoji_input/emoji_input.js | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

(limited to 'src/components/emoji_input/emoji_input.js')

diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index 920fd4bd..c02a9327 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -308,6 +308,17 @@ const EmojiInput = {
       } else {
         scrollerRef.scrollTop = targetScroll
       }
+
+      this.$nextTick(() => {
+        const { offsetHeight } = this.input.elm
+        const { picker } = this.$refs
+        console.log(picker)
+        const pickerBottom = picker.$el.getBoundingClientRect().bottom
+        if (pickerBottom > window.innerHeight) {
+          picker.$el.style.top = 'auto'
+          picker.$el.style.bottom = offsetHeight + 'px'
+        }
+      })
     },
     onTransition (e) {
       this.resize()
@@ -421,11 +432,14 @@ const EmojiInput = {
       this.caret = selectionStart
     },
     resize () {
-      const { panel } = this.$refs
+      const { panel, picker } = this.$refs
       if (!panel) return
       const { offsetHeight, offsetTop } = this.input.elm
-      this.$refs.panel.style.top = (offsetTop + offsetHeight) + 'px'
-      this.$refs.picker.$el.style.top = (offsetTop + offsetHeight) + 'px'
+      const offsetBottom = offsetTop + offsetHeight
+
+      panel.style.top = offsetBottom + 'px'
+      picker.$el.style.top = offsetBottom + 'px'
+      picker.$el.style.bottom = 'auto'
     }
   }
 }
-- 
cgit v1.2.3-70-g09d2


From 1400d723f25ded6614a6f27cb35b3b25edc2b1ec Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 10 Oct 2019 19:58:00 +0300
Subject: fix picker not filling on opening, removed console log

---
 src/components/emoji_input/emoji_input.js   | 1 -
 src/components/emoji_picker/emoji_picker.js | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

(limited to 'src/components/emoji_input/emoji_input.js')

diff --git a/src/components/emoji_input/emoji_input.js b/src/components/emoji_input/emoji_input.js
index c02a9327..2c73faa7 100644
--- a/src/components/emoji_input/emoji_input.js
+++ b/src/components/emoji_input/emoji_input.js
@@ -312,7 +312,6 @@ const EmojiInput = {
       this.$nextTick(() => {
         const { offsetHeight } = this.input.elm
         const { picker } = this.$refs
-        console.log(picker)
         const pickerBottom = picker.$el.getBoundingClientRect().bottom
         if (pickerBottom > window.innerHeight) {
           picker.$el.style.top = 'auto'
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 67b08ef8..0d5ffc9b 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -93,7 +93,7 @@ const EmojiPicker = {
       const bufferSize = this.customEmojiBuffer.length
       const bufferPrefilledSane = bufferSize === LOAD_EMOJI_SANE_AMOUNT && !this.customEmojiLoadAllConfirmed
       const bufferPrefilledAll = bufferSize === this.filteredEmoji.length
-      if (!forceUpdate || bufferPrefilledSane || bufferPrefilledAll) {
+      if (forceUpdate || bufferPrefilledSane || bufferPrefilledAll) {
         return
       }
       if (this.customEmojiTimeout) {
-- 
cgit v1.2.3-70-g09d2