pleroma-fe

commit: 67a9452e11eed43675f5eb7061cf218214ffa383
parent 9c8738ff22a0563b16b19e57e8042c65c4a0b7e2
Author: Lain Soykaf <lain@lain.com>
Date:   Sun, 12 Jun 2022 13:48:21 +0200

ReactButton: Workaround for android composition mode

Diffstat:
M
src/components/react_button/react_button.js
3
++-
M
src/components/react_button/react_button.vue
1
+

2 files changed, 3 insertions(+), 1 deletion(-)
diff --git a/src/components/react_button/react_button.js b/src/components/react_button/react_button.js
@@ -1,6 +1,7 @@
 import Popover from '../popover/popover.vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
+import { trim } from 'lodash'
 
 library.add(faSmileBeam)
 
@@ -43,7 +44,7 @@ const ReactButton = {
     },
     emojis () {
       if (this.filterWord !== '') {
-        const filterWordLowercase = this.filterWord.toLowerCase()
+        const filterWordLowercase = trim(this.filterWord.toLowerCase())
         let orderedEmojiList = []
         for (const emoji of this.$store.state.instance.emoji) {
           if (emoji.replacement === this.filterWord) return [emoji]
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
@@ -12,6 +12,7 @@
       <div class="reaction-picker-filter">
         <input
           v-model="filterWord"
+          @input="$event.target.composing = false"
           size="1"
           :placeholder="$t('emoji.search_emoji')"
         >