fix emoji style

components/chat-room.vue

@@ -24,7 +24,7 @@
                 ></div>
                 <div
                     ref="bottom"
-                    class="chat-input flex-none overflow-hidden h-100"
+                    class="chat-input flex-none h-100"
                     v-if="isChatMember"
                 >
                     <message-input @error="onError" />

database/index.ts

@@ -17,16 +17,25 @@ class ChatCacheDatabaseController {
                     if (that.db) {
                         that.buildTables(that.db, that.chatListKey);
                         that.buildTables(that.db, that.chatMessageKey);
+                        console.log(
+                            `build index database for chat completed, 100%`
+                        );
                     }
                     resolve();
                 };
                 r.onsuccess = function (e) {
                     that.db = (e.target as any).result;
+                    console.log(`index database init comepleted, 33%`);
+                    setupDb();
                 };
                 r.onupgradeneeded = function (e) {
                     that.db = (e.target as any).result;
+                    console.log(`index database init comepleted, 66%`);
                     setupDb();
                 };
+                r.onerror = function (e) {
+                    console.log(`index database init failed, ${e}`);
+                };
             } else {
                 resolve();
             }
@@ -124,7 +133,9 @@ class ChatCacheDatabaseController {
                 source1.push(item);
             }
         }
-        const source = source1.sort((x, y) => (x.last_msg_ts < y.last_msg_ts ? 1 : -1));
+        const source = source1.sort((x, y) =>
+            x.last_msg_ts < y.last_msg_ts ? 1 : -1
+        );
 
         if (this.db) {
             const store = this.buildStore(this.chatListKey);

hybrid-input/index.vue

 <template>
-    <div class="input-wrap h-100 overflow-hidden">
+    <div class="input-wrap h-100">
         <div class="tool-bar">
             <img
                 class="tool-bar-icon"
@@ -635,7 +635,7 @@ export default class Input extends Vue {
 .emoji-picker {
     position: absolute;
     z-index: 2;
-    bottom: 99px;
+    top: -232px;
     left: -1px;
     background-color: #fff;
     padding: 20px;

store/index.ts

@@ -32,6 +32,7 @@ function uniqueMessages(
         return all.findIndex((k) => k.id === item.id);
     });
 }
+
 function filterMessages(
     messages: NonNullable<ChatStore.STATE_CHAT_MSG_HISTORY>,
     chatid: number