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

use anchor for picker

Browse source
This commit is contained in:
Henry Jameson 2022-10-10 00:37:59 +03:00
parent 8fa1f0b50d
commit d2fabe1a71
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

4
src/components/emoji_picker/emoji_picker.js
View file

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