From 5e7219ba2466342c005f1e61ff1acaf7e4a4ae93 Mon Sep 17 00:00:00 2001
From: Simon H <5968653+dummdidumm@users.noreply.github.com>
Date: Tue, 21 Feb 2023 12:07:15 +0100
Subject: [PATCH] button always autofocusses, allows us to simplify

---
 .../examples/15-composition/05-modal/App.svelte       | 11 ++---------
 .../examples/15-composition/05-modal/Modal.svelte     |  6 +++++-
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/site/content/examples/15-composition/05-modal/App.svelte b/site/content/examples/15-composition/05-modal/App.svelte
index f8b99107dc..af93ba39af 100644
--- a/site/content/examples/15-composition/05-modal/App.svelte
+++ b/site/content/examples/15-composition/05-modal/App.svelte
@@ -1,21 +1,14 @@
 <script>
 	import Modal from './Modal.svelte';
 
-	let button; // HTMLButtonElement
 	let showModal = false;
 </script>
 
-<button bind:this={button} on:click={() => (showModal = true)}>
+<button on:click={() => (showModal = true)}>
 	show modal
 </button>
 
-<Modal
-	{showModal}
-	on:close={() => {
-		showModal = false;
-		button.focus();
-	}}
->
+<Modal bind:showModal>
 	<h2 slot="header">
 		modal
 		<small><em>adjective</em> mod·al \ˈmō-dəl\</small>
diff --git a/site/content/examples/15-composition/05-modal/Modal.svelte b/site/content/examples/15-composition/05-modal/Modal.svelte
index b35e83d7f7..acdbd50ab1 100644
--- a/site/content/examples/15-composition/05-modal/Modal.svelte
+++ b/site/content/examples/15-composition/05-modal/Modal.svelte
@@ -7,7 +7,11 @@
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
-<dialog bind:this={dialog} on:close on:click|self={() => dialog.close()}>
+<dialog
+	bind:this={dialog}
+	on:close={() => (showModal = false)}
+	on:click|self={() => dialog.close()}
+>
 	<div on:click|stopPropagation>
 		<slot name="header" />
 		<hr />