debug

src/components/emoji_picker/emoji_picker.js

@@ -133,10 +133,15 @@ const EmojiPicker = {
   methods: {
     updateEmojiSize () {
       const css = window.getComputedStyle(this.$refs.popover.$el)
+      console.log('CSS', css)
       const emojiSize = css.getPropertyValue('--emojiSize')
+      console.log('CSS', emojiSize)
       const emojiSizeUnit = emojiSize.replace(/[0-9,.]+/, '')
+      console.log('CSS', emojiSizeUnit)
       const emojiSizeValue = Number(emojiSize.replace(/[^0-9,.]+/, ''))
-      const fontSize = css.getPropertyValue('font-size').replace(/[^0-9,.]+/, '')
+      console.log('CSS', emojiSizeValue)
+      const fontSize = Number(emojiSize.replace(css.getPropertyValue('font-size').replace(/[^0-9,.]+/, '')))
+      console.log('CSS', fontSize)
 
       let emojiSizeReal
       if (emojiSizeUnit.endsWith('em')) {
@@ -285,7 +290,7 @@ const EmojiPicker = {
   },
   computed: {
     minItemSize () {
-      return this.emojiSize
+      return this.emojiHeight
     },
     // used to watch it
     fontSize () {
@@ -297,8 +302,12 @@ const EmojiPicker = {
     emojiHeight () {
       return this.emojiSize
     },
+    emojiWidth () {
+      return this.emojiSize
+    },
     itemPerRow () {
       console.log(
+        this.emojiWidth,
         this.emojiSize,
         this.width
       )