From a43f1614ca3bdf9b8b2d61e5945358b5da517b0f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 8 Nov 2019 21:28:51 +0200
Subject: [PATCH] fix not being able to see unicode emojis when there few of
 them when searching on emoji-a-ton instances

---
 src/components/emoji_picker/emoji_picker.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 92abf7a2..782c4dfc 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -77,13 +77,14 @@ const EmojiPicker = {
 
       const scrollerBottom = target.scrollTop + target.clientHeight
       const scrollerTop = target.scrollTop
+      const scrollerMax = target.scrollHeight
 
       // Loads more emoji when they come into view
       const approachingBottom = bottom - scrollerBottom < LOAD_EMOJI_MARGIN
       // Always load when at the very top in case there's no scroll space yet
       const atTop = scrollerTop < 5
-      // Don't load when looking at unicode category
-      const bottomAboveViewport = bottom < scrollerTop
+      // Don't load when looking at unicode category or at the very bottom
+      const bottomAboveViewport = bottom < scrollerTop || scrollerBottom === scrollerMax
       if (!bottomAboveViewport && (approachingBottom || atTop)) {
         this.loadEmoji()
       }
@@ -126,6 +127,7 @@ const EmojiPicker = {
   watch: {
     keyword () {
       this.customEmojiLoadAllConfirmed = false
+      this.$refs['emoji-groups'].scrollTop = 0
       this.onScroll()
       this.startEmojiLoad(true)
     }