cleanup
This commit is contained in:
parent
3dd9f6f68c
commit
05640e4cc1
@ -139,8 +139,6 @@ const EmojiInput = {
|
|||||||
return this.modelValue.slice(this.caret)
|
return this.modelValue.slice(this.caret)
|
||||||
},
|
},
|
||||||
showSuggestions () {
|
showSuggestions () {
|
||||||
console.log(this.focused)
|
|
||||||
console.log(this.suggestions)
|
|
||||||
return this.focused &&
|
return this.focused &&
|
||||||
this.suggestions &&
|
this.suggestions &&
|
||||||
this.suggestions.length > 0 &&
|
this.suggestions.length > 0 &&
|
||||||
@ -227,11 +225,8 @@ const EmojiInput = {
|
|||||||
input.addEventListener('click', this.onClickInput)
|
input.addEventListener('click', this.onClickInput)
|
||||||
input.addEventListener('transitionend', this.onTransition)
|
input.addEventListener('transitionend', this.onTransition)
|
||||||
input.addEventListener('input', this.onInput)
|
input.addEventListener('input', this.onInput)
|
||||||
|
// FIXME LEAK
|
||||||
input.addEventListener('scroll', (e) => {
|
input.addEventListener('scroll', (e) => {
|
||||||
console.log({
|
|
||||||
top: this.input.scrollTop,
|
|
||||||
left: this.input.scrollLeft
|
|
||||||
})
|
|
||||||
this.$refs.hiddenOverlay.scrollTo({
|
this.$refs.hiddenOverlay.scrollTo({
|
||||||
top: this.input.scrollTop,
|
top: this.input.scrollTop,
|
||||||
left: this.input.scrollLeft
|
left: this.input.scrollLeft
|
||||||
@ -278,12 +273,6 @@ const EmojiInput = {
|
|||||||
img: imageUrl || ''
|
img: imageUrl || ''
|
||||||
}))
|
}))
|
||||||
this.$refs.suggestorPopover.updateStyles()
|
this.$refs.suggestorPopover.updateStyles()
|
||||||
},
|
|
||||||
suggestions: {
|
|
||||||
handler (newValue) {
|
|
||||||
this.$nextTick(this.resize)
|
|
||||||
},
|
|
||||||
deep: true
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@ -450,16 +439,12 @@ const EmojiInput = {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
onTransition (e) {
|
|
||||||
this.resize()
|
|
||||||
},
|
|
||||||
onBlur (e) {
|
onBlur (e) {
|
||||||
// Clicking on any suggestion removes focus from autocomplete,
|
// Clicking on any suggestion removes focus from autocomplete,
|
||||||
// preventing click handler ever executing.
|
// preventing click handler ever executing.
|
||||||
this.blurTimeout = setTimeout(() => {
|
this.blurTimeout = setTimeout(() => {
|
||||||
this.focused = false
|
this.focused = false
|
||||||
this.setCaret(e)
|
this.setCaret(e)
|
||||||
this.resize()
|
|
||||||
}, 200)
|
}, 200)
|
||||||
},
|
},
|
||||||
onClick (e, suggestion) {
|
onClick (e, suggestion) {
|
||||||
@ -476,13 +461,11 @@ const EmojiInput = {
|
|||||||
}
|
}
|
||||||
this.focused = true
|
this.focused = true
|
||||||
this.setCaret(e)
|
this.setCaret(e)
|
||||||
this.resize()
|
|
||||||
this.temporarilyHideSuggestions = false
|
this.temporarilyHideSuggestions = false
|
||||||
},
|
},
|
||||||
onKeyUp (e) {
|
onKeyUp (e) {
|
||||||
const { key } = e
|
const { key } = e
|
||||||
this.setCaret(e)
|
this.setCaret(e)
|
||||||
this.resize()
|
|
||||||
|
|
||||||
// Setting hider in keyUp to prevent suggestions from blinking
|
// Setting hider in keyUp to prevent suggestions from blinking
|
||||||
// when moving away from suggested spot
|
// when moving away from suggested spot
|
||||||
@ -494,7 +477,6 @@ const EmojiInput = {
|
|||||||
},
|
},
|
||||||
onPaste (e) {
|
onPaste (e) {
|
||||||
this.setCaret(e)
|
this.setCaret(e)
|
||||||
this.resize()
|
|
||||||
},
|
},
|
||||||
onKeyDown (e) {
|
onKeyDown (e) {
|
||||||
const { ctrlKey, shiftKey, key } = e
|
const { ctrlKey, shiftKey, key } = e
|
||||||
@ -541,12 +523,10 @@ const EmojiInput = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
this.resize()
|
|
||||||
},
|
},
|
||||||
onInput (e) {
|
onInput (e) {
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
this.setCaret(e)
|
this.setCaret(e)
|
||||||
this.resize()
|
|
||||||
this.$emit('update:modelValue', e.target.value)
|
this.$emit('update:modelValue', e.target.value)
|
||||||
},
|
},
|
||||||
onClickInput (e) {
|
onClickInput (e) {
|
||||||
|
@ -501,7 +501,6 @@ const PostStatusForm = {
|
|||||||
if (target.value === '') {
|
if (target.value === '') {
|
||||||
target.style.height = null
|
target.style.height = null
|
||||||
this.$emit('resize')
|
this.$emit('resize')
|
||||||
this.$refs['emoji-input'].resize()
|
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -588,8 +587,6 @@ const PostStatusForm = {
|
|||||||
} else {
|
} else {
|
||||||
scrollerRef.scrollTop = targetScroll
|
scrollerRef.scrollTop = targetScroll
|
||||||
}
|
}
|
||||||
|
|
||||||
this.$refs['emoji-input'].resize()
|
|
||||||
},
|
},
|
||||||
showEmojiPicker () {
|
showEmojiPicker () {
|
||||||
this.$refs.textarea.focus()
|
this.$refs.textarea.focus()
|
||||||
|
Loading…
Reference in New Issue
Block a user