fix: message box pop when sending messages

ThaUnknown · Aug 25, 2024 · 8086d05 · 8086d05
1 parent 7c8b50a
commit 8086d05
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/common/views/WatchTogether/Lobby.svelte b/common/views/WatchTogether/Lobby.svelte
@@ -35,16 +35,17 @@
   let rows = 1
 
   function sendMessage () {
-    if (message) {
+    if (message.trim()) {
       state.value.message(message.trim())
       message = ''
       rows = 1
     }
   }
 
   function checkInput (e) {
-    if (e.key === 'Enter' && e.shiftKey === false && message) {
+    if (e.key === 'Enter' && e.shiftKey === false && message.trim()) {
       sendMessage()
+      e.preventDefault()
     } else {
       rows = message.split('\n').length || 1
     }
@@ -71,7 +72,7 @@
           style='resize: none; min-height: 0 !important'
           autocomplete='off'
           maxlength='2048'
-          placeholder='Message' on:keyup={checkInput} />
+          placeholder='Message' on:keydown={checkInput} />
         <button class='btn d-flex mt-auto align-items-center justify-content-center ml-20 border-0 px-0 shadow-none' type='button' use:click={sendMessage} style='height: 3.75rem !important; width: 3.75rem !important;'>
           <SendHorizontal size='1.8rem' strokeWidth={2.5} />
         </button>