oh no aaaa

frontend/lib/emojis.mjs

@@ -53,7 +53,7 @@ export async function findEmojis(search) {
   await emojisLoaded;
   let groups = [[], []];
   if (search.length < 1) {
-    for (let letter in emojis)
+    for (let letter of Object.keys(emojis).sort())
       for (let emoji of emojis[letter]) {
         (emoji[1][0] === ":" ? groups[0] : groups[1]).push(emoji);
       }

frontend/lib/reconnecting-web-socket.mjs

@@ -26,9 +26,9 @@ export default class ReconnectingWebSocket {
     }
     this._socket.addEventListener("close", () => this._reconnect());
     this._socket.addEventListener("error", () => this._reconnect());
-    this._socket.addEventListener("message", ({ data }) =>
-      this._eventTarget.dispatchEvent(new MessageEvent("message", { data }))
-    );
+    this._socket.addEventListener("message", ({ data }) => {
+      this._eventTarget.dispatchEvent(new MessageEvent("message", { data }));
+    });
     this._socket.addEventListener("open", (e) => {
       if (first) this._eventTarget.dispatchEvent(new Event("open"));
       if (this._reconnecting)

frontend/lib/watch-session.mjs

@@ -71,7 +71,6 @@ const setupIncomingEvents = (video, socket) => {
   socket.addEventListener("message", async (messageEvent) => {
     try {
       const event = JSON.parse(messageEvent.data);
-
       if (!event.reflected) {
         switch (event.op) {
           case "SetPlaying":

frontend/styles.css

@@ -299,6 +299,11 @@ button.small-button {
   flex-shrink: 0;
 }
 
+.emoji-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .emoji-option.selected {
   background: var(--fg-transparent);
 }