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

fix keyboard highlight

Browse source
This commit is contained in:
Shpuld Shpuldson 2020-11-19 11:37:06 +02:00
parent 0f386ccbc7
commit 1495db084a
2 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -184,11 +184,10 @@ const EmojiInput = {
if (this.textAtCaret !== textAtCaret) return if (this.textAtCaret !== textAtCaret) return
if (matchedSuggestions.length <= 0) return if (matchedSuggestions.length <= 0) return
this.suggestions = take(matchedSuggestions, 5) this.suggestions = take(matchedSuggestions, 5)
.map(({ imageUrl, ...rest }, index) => ({ .map(({ imageUrl, ...rest }) => ({
...rest, ...rest,
// eslint-disable-next-line camelcase // eslint-disable-next-line camelcase
img: imageUrl || '', img: imageUrl || ''
highlighted: index === this.highlighted
})) }))
}, },
suggestions (newValue) { suggestions (newValue) {

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

@ -37,7 +37,7 @@
v-for="(suggestion, index) in suggestions" v-for="(suggestion, index) in suggestions"
:key="index" :key="index"
class="autocomplete-item" class="autocomplete-item"
:class="{ highlighted: suggestion.highlighted }" :class="{ highlighted: index === highlighted }"
@click.stop.prevent="onClick($event, suggestion)" @click.stop.prevent="onClick($event, suggestion)"
> >
<span class="image"> <span class="image">