use anchor for picker

src/components/emoji_input/emoji_input.js

@@ -141,6 +141,7 @@ const EmojiInput = {
       return this.focused &&
         this.suggestions &&
         this.suggestions.length > 0 &&
+        !this.pickerShown &&
         !this.temporarilyHideSuggestions
     },
     textAtCaret () {
@@ -205,6 +206,7 @@ const EmojiInput = {
     this.input = input
     this.caretEl = hiddenOverlayCaret
     suggestorPopover.setAnchorEl(this.caretEl)
+    this.$refs.picker.setAnchorEl(this.caretEl)
     const style = getComputedStyle(this.input)
     this.overlayStyle.padding = style.padding
     this.overlayStyle.border = style.border

src/components/emoji_picker/emoji_picker.js

@@ -113,13 +113,15 @@ const EmojiPicker = {
   },
   methods: {
     showPicker () {
-      console.log('pick')
       this.$refs.popover.showPopover()
       this.onShowing()
     },
     hidePicker () {
       this.$refs.popover.hidePopover()
     },
+    setAnchorEl (el) {
+      this.$refs.popover.setAnchorEl(el)
+    },
     setGroupRef (name) {
       return el => { this.groupRefs[name] = el }
     },