From 38190e50e4124dac19643478d975bf9cbc68ddaa Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Fri, 8 Oct 2021 01:11:32 -0400
Subject: [PATCH] Fix scrol->highlight behaviour
Ref: grouped-emoji-picker
---
src/components/emoji_picker/emoji_picker.js | 18 ++++++++++++++++++
1 file changed, 18 insertions(+)
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index 5a7c3e67..4d221aeb 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -77,6 +77,18 @@ const EmojiPicker = {
onScroll (e) {
const target = (e && e.target) || this.$refs['emoji-groups']
this.updateScrolledClass(target)
+ this.scrolledGroup(target)
+ },
+ scrolledGroup (target) {
+ const top = target.scrollTop + 5
+ this.$nextTick(() => {
+ this.allEmojiGroups.forEach(group => {
+ const ref = this.$refs['group-' + group.id]
+ if (ref[0].offsetTop <= top) {
+ this.activeGroup = group.id
+ }
+ })
+ })
},
highlight (key) {
const ref = this.$refs['group-' + key]
@@ -133,6 +145,9 @@ const EmojiPicker = {
}
},
mounted () {
+ if (this.defaultGroup) {
+ this.highlight(this.defaultGroup)
+ }
this.initializeLazyLoad()
},
destroyed () {
@@ -151,6 +166,9 @@ const EmojiPicker = {
allCustomGroups () {
return this.$store.getters.groupedCustomEmojis
},
+ defaultGroup () {
+ return Object.keys(this.allCustomGroups)[0]
+ },
allEmojiGroups () {
const standardEmojis = this.$store.state.instance.emoji || []
return Object.entries(this.allCustomGroups)