therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#101 - click outside of emoji implementation

Browse source
This commit is contained in:
jared 2019-04-08 11:50:12 -04:00
parent 820a6543c7
commit 2ab915b486
2 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/emoji-selector/emoji-selector.js
View file

@ -3,6 +3,12 @@ const filterByKeyword = (list, keyword = '') => {
}
const EmojiSelector = {
mounted () {
document.body.addEventListener('click', this.outsideClicked)
},
destroyed () {
document.body.removeEventListener('click', this.outsideClicked)
},
data () {
return {
open: false,
@ -14,6 +20,12 @@ const EmojiSelector = {
togglePanel () {
this.open = !this.open
},
insideClicked (e) {
e.stopPropagation()
},
outsideClicked () {
this.open = false
},
onEmoji (emoji) {
const value = emoji.image_url ? `:${emoji.shortcode}:` : emoji.utf
this.$emit('emoji', ` ${value} `)