From 88cd84a403c2a817e696a5ad19ee9e2fc89c1111 Mon Sep 17 00:00:00 2001
From: lilydjwg <lilydjwg@gmail.com>
Date: Thu, 28 Oct 2021 23:01:40 +0800
Subject: [PATCH] Name: a better way to prevent completion list disappear
 before we select it

---
 src/Name.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Name.svelte b/src/Name.svelte
index 03c1a5a..b6f11d2 100644
--- a/src/Name.svelte
+++ b/src/Name.svelte
@@ -128,11 +128,11 @@
   <input bind:this={input} type="text"
     on:input={() => {should_hide=false;may_complete()}}
     on:focus={() => should_hide=false}
-    on:blur={() => {setTimeout(() => should_hide=true, 500);update_value()}}
+    on:blur={() => {should_hide=true;update_value()}}
     on:keydown={select_by_key}
   />
   <img class="selected-avatar" alt="" src="{url}/avatar/{selected?selected:'nobody'}.jpg"/>
-  <ul bind:this={ul} on:click={select_by_click} class:hidden={names.length === 0 || should_hide}>
+  <ul bind:this={ul} on:click={select_by_click} on:mousedown|preventDefault={()=>{}} class:hidden={names.length === 0 || should_hide}>
     {#each names as name, i (name)}
       <li data-idx={i} class:selected={i===selected_idx} title={name[1]}><img src="{url}/avatar/{name[0]}.jpg" alt="avatar"/>{name[1]}</li>
     {/each}
@@ -192,6 +192,7 @@
   }
   .selected-avatar {
     position: absolute;
+    pointer-events: none;
     top: 1px;
     left: 1px;
     height: calc(2.3em - 2px);