fix: dialog cannot close

eniehack · eniehack · commit ddbf73dd6213 · 2024-08-03T19:20:10.000+09:00
diff --git a/src/lib/BaseModal.svelte b/src/lib/BaseModal.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	export let showModal: boolean;
 
-	let dialog: HTMLDialogElement;
+	export let dialog: HTMLDialogElement;
 
 	$: if (dialog && showModal) dialog.showModal();
 </script>
diff --git a/src/routes/FileSelector.svelte b/src/routes/FileSelector.svelte
@@ -20,10 +20,9 @@
 			dialog.close();
 		}
 	}
-	$: if (dialog && showModal) dialog.showModal();
 </script>
 
-<BaseModal bind:showModal>
+<BaseModal bind:showModal bind:dialog>
   <h2>使い方</h2>
   <ol>
     <li>

Original file line number	Diff line number	Diff line change
`@@ -20,10 +20,9 @@`
`20`	`20`	`dialog.close();`
`21`	`21`	`}`
`22`	`22`	`}`
`23`		`- $: if (dialog && showModal) dialog.showModal();`
`24`	`23`	`</script>`
`25`	`24`
`26`		`-<BaseModal bind:showModal>`
	`25`	`+<BaseModal bind:showModal bind:dialog>`
`27`	`26`	`<h2>使い方</h2>`
`28`	`27`	`<ol>`
`29`	`28`	`<li>`