[fix] input alert loses focus

This commit is contained in:
kwaroran
2023-05-28 01:43:03 +09:00
parent 74f7625516
commit 9d7b271c87

View File

@@ -14,10 +14,15 @@
btn.focus() btn.focus()
} }
if($alertStore.type !== 'input'){ if($alertStore.type !== 'input'){
console.log('reset input')
input = '' input = ''
} }
})() })()
alertStore.subscribe(() => {
console.log('alup')
})
</script> </script>
{#if $alertStore.type !== 'none' && $alertStore.type !== 'toast'} {#if $alertStore.type !== 'none' && $alertStore.type !== 'toast'}
@@ -73,11 +78,12 @@
}) })
}}>OK</button> }}>OK</button>
{:else if $alertStore.type === 'input'} {:else if $alertStore.type === 'input'}
<input class="text-neutral-200 mt-2 p-2 bg-transparent input-text focus:bg-selected" bind:value={input}> <input class="text-neutral-200 mt-2 p-2 bg-transparent input-text focus:bg-selected" value="" id="alert-input">
<button bind:this={btn} class="mt-4 border-borderc bg-transparent outline-none border-solid border-1 p-2 text-lg text-neutral-200 hover:bg-green-500 transition-colors focus:border-3" on:click={() => { <button bind:this={btn} class="mt-4 border-borderc bg-transparent outline-none border-solid border-1 p-2 text-lg text-neutral-200 hover:bg-green-500 transition-colors focus:border-3" on:click={() => {
alertStore.set({ alertStore.set({
type: 'none', type: 'none',
msg: input //@ts-ignore
msg: document.querySelector('#alert-input')?.value
}) })
}}>OK</button> }}>OK</button>
{:else if $alertStore.type === 'selectChar'} {:else if $alertStore.type === 'selectChar'}