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

focus input in emoji picker and react picker

Browse source
This commit is contained in:
Shpuld Shpuldson 2021-02-25 17:27:29 +02:00
parent 5faca01261
commit 34d18ac0c4
5 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/emoji_input/emoji_input.js
View file

@ -194,11 +194,18 @@ const EmojiInput = {
}
},
methods: {
focusPickerInput () {
const pickerEl = this.$refs.picker.$el
if (!pickerEl) return
const pickerInput = pickerEl.querySelector('input')
if (pickerInput) pickerInput.focus()
},
triggerShowPicker () {
this.showPicker = true
this.$refs.picker.startEmojiLoad()
this.$nextTick(() => {
this.scrollIntoView()
this.focusPickerInput()
})
// This temporarily disables "click outside" handler
// since external trigger also means click originates
@ -214,6 +221,7 @@ const EmojiInput = {
if (this.showPicker) {
this.scrollIntoView()
this.$refs.picker.startEmojiLoad()
this.$nextTick(() => this.focusPickerInput())
}
},
replace (replacement) {