fix: correctly applies autofocus to static elements (#13648)

* fix: correctly applies autofocus to static elements

* lint

* fix other case

Author: trueadm

.changeset/healthy-poets-float.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly applies autofocus to static elements

packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js

@@ -75,6 +75,14 @@ export function RegularElement(node, context) {
 		node.attributes.push(create_attribute('value', child.start, child.end, [child]));
 	}
 
+	if (
+		node.attributes.some(
+			(attribute) => attribute.type === 'Attribute' && attribute.name === 'autofocus'
+		)
+	) {
+		mark_subtree_dynamic(context.path);
+	}
+
 	const binding = context.state.scope.get(node.name);
 	if (
 		binding !== null &&

packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js

@@ -142,6 +142,10 @@ function is_static_element(node) {
 			return false;
 		}
 
+		if (attribute.name === 'autofocus') {
+			return false;
+		}
+
 		if (node.name === 'option' && attribute.name === 'value') {
 			return false;
 		}

packages/svelte/tests/runtime-legacy/samples/autofocus-2/_config.js

@@ -0,0 +1,7 @@
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target, window }) {
+		assert.equal(target.querySelector('input'), window.document.activeElement);
+	}
+});

packages/svelte/tests/runtime-legacy/samples/autofocus-2/main.svelte

@@ -0,0 +1,2 @@
+<h1>wat</h1>
+<input autofocus />

packages/svelte/tests/runtime-legacy/samples/autofocus-3/_config.js

@@ -0,0 +1,7 @@
+import { test } from '../../test';
+
+export default test({
+	async test({ assert, target, window }) {
+		assert.equal(target.querySelector('input'), window.document.activeElement);
+	}
+});

packages/svelte/tests/runtime-legacy/samples/autofocus-3/main.svelte

@@ -0,0 +1,3 @@
+<div>
+	<input autofocus />
+</div>