From 3f8ce21f4709fe555fcc5ffc63728c6e8d139781 Mon Sep 17 00:00:00 2001
From: Elliott Johnson <sejohnson@torchcloudconsulting.com>
Date: Mon, 27 Jan 2025 13:55:49 -0700
Subject: [PATCH] fix: Add `bind:focused` to `HTMLAttributes` (#15122)

* Revert "fix: ensure untrack correctly retains the active reaction (#15065)"

This reverts commit 2ad519542dcba2d7802394068d412bb73d9cb803.

* feat: Add `bind:focused` to `HTMLAttributes`

* Revert "Revert "fix: ensure untrack correctly retains the active reaction (#15065)""

This reverts commit f4e98bf89f80cc332703c1da3c2bd3d1451d1dce.

* changeset

* tests
---
 .changeset/eleven-scissors-cheat.md         | 5 +++++
 packages/svelte/elements.d.ts               | 1 +
 packages/svelte/tests/types/bindings.svelte | 8 ++++++++
 3 files changed, 14 insertions(+)
 create mode 100644 .changeset/eleven-scissors-cheat.md
 create mode 100644 packages/svelte/tests/types/bindings.svelte

diff --git a/.changeset/eleven-scissors-cheat.md b/.changeset/eleven-scissors-cheat.md
new file mode 100644
index 0000000000..5aa577d95d
--- /dev/null
+++ b/.changeset/eleven-scissors-cheat.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: Add `bind:focused` property to `HTMLAttributes` type
diff --git a/packages/svelte/elements.d.ts b/packages/svelte/elements.d.ts
index 96f1589800..6d256b5620 100644
--- a/packages/svelte/elements.d.ts
+++ b/packages/svelte/elements.d.ts
@@ -839,6 +839,7 @@ export interface HTMLAttributes<T extends EventTarget> extends AriaAttributes, D
 	readonly 'bind:contentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
 	readonly 'bind:borderBoxSize'?: Array<ResizeObserverSize> | undefined | null;
 	readonly 'bind:devicePixelContentBoxSize'?: Array<ResizeObserverSize> | undefined | null;
+	readonly 'bind:focused'?: boolean | undefined | null;
 
 	// SvelteKit
 	'data-sveltekit-keepfocus'?: true | '' | 'off' | undefined | null;
diff --git a/packages/svelte/tests/types/bindings.svelte b/packages/svelte/tests/types/bindings.svelte
new file mode 100644
index 0000000000..ce99b2c296
--- /dev/null
+++ b/packages/svelte/tests/types/bindings.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+  let focused = $state(false);
+</script>
+
+<input bind:focused={focused} type="text" />
+<textarea bind:focused={focused}></textarea>
+<select bind:focused={focused}></select>
+<div bind:focused={focused}></div>