Use StillImage to render emojis in emoji picker

2022-01-08 01:35:16 -05:00 · 2022-01-08 01:35:16 -05:00 · b77259a9a0
commit b77259a9a0
parent c93da0b865
4 changed files with 36 additions and 8 deletions
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@ -118,8 +118,19 @@ const EmojiPicker = {
    },
    initializeLazyLoad () {
      this.destroyLazyLoad()
-      this.$lozad = lozad('img', {})
-      this.$lozad.observe()
+      this.$nextTick(() => {
+        this.$lozad = lozad('.still-image.emoji-picker-emoji', {
+          load: el => {
+            const vn = el.__vue__
+            if (!vn) {
+              return
+            }
+
+            vn.loadLazy()
+          }
+        })
+        this.$lozad.observe()
+      })
    },
    waitForDomAndInitializeLazyLoad () {
      this.$nextTick(() => this.initializeLazyLoad())