From 25bbe84a612f6153363f0c9ec660bd2bdc04bdfc Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Fri, 8 Sep 2023 20:43:17 -0700
Subject: [PATCH] Bugfixes on at-mentions and use images on emoji keyboard

---
 public/static/css/bulma-prefers-dark.css | 2 +-
 src/App.vue                              | 3 +++
 src/components/MessageBox.vue            | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/public/static/css/bulma-prefers-dark.css b/public/static/css/bulma-prefers-dark.css
index 3f58272..334ee2d 100644
--- a/public/static/css/bulma-prefers-dark.css
+++ b/public/static/css/bulma-prefers-dark.css
@@ -20,7 +20,7 @@
   }
 
   .has-background-at-mention {
-    background-color: rgb(50, 50, 0);
+    background-color: rgb(50, 50, 0) !important;
 }
 
   .tag.is-success {
diff --git a/src/App.vue b/src/App.vue
index 671b80c..5904bdb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -530,10 +530,12 @@ export default {
                 {
                     value: "all",
                     label: "All people in the current room",
+                    searchText: "all people in the current room"
                 },
                 {
                     value: "here",
                     label: "Everybody here in the current room",
+                    searchText: "all people in the current room"
                 },
             ];
             for (let user of this.whoList) {
@@ -541,6 +543,7 @@ export default {
                 result.push({
                     value: user.username,
                     label: user.nickname,
+                    searchText: user.username + " " + user.nickname,
                 });
             }
             return result;
diff --git a/src/components/MessageBox.vue b/src/components/MessageBox.vue
index 510a499..39bfde7 100644
--- a/src/components/MessageBox.vue
+++ b/src/components/MessageBox.vue
@@ -270,7 +270,7 @@ export default {
                     <div class="dropdown-content p-0">
                         <!-- Emoji reactions menu -->
                         <EmojiPicker
-                            :native="true"
+                            :native="false"
                             :display-recent="true"
                             :disable-skin-tones="true"
                             theme="auto"