hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

focus search input when opening emoji picker

Browse source
This commit is contained in:
Henry Jameson 2022-10-10 20:11:04 +03:00
commit 692342a77f
3 changed files with 2 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -278,17 +278,10 @@ const EmojiInput = {
}
},
methods: {
focusPickerInput () {
const pickerEl = this.$refs.picker.$el
if (!pickerEl) return
const pickerInput = pickerEl.querySelector('input')
if (pickerInput) pickerInput.focus()
},
triggerShowPicker () {
this.$nextTick(() => {
this.$refs.picker.showPicker()
this.scrollIntoView()
this.focusPickerInput()
})
// This temporarily disables "click outside" handler
// since external trigger also means click originates
@ -306,7 +299,6 @@ const EmojiInput = {
this.scrollIntoView()
this.$refs.picker.showPicker()
this.$refs.picker.startEmojiLoad()
this.$nextTick(this.focusPickerInput)
} else {
this.$refs.picker.hidePicker()
}