diff --git a/.changeset/healthy-poets-float.md b/.changeset/healthy-poets-float.md new file mode 100644 index 0000000000..4709b4495e --- /dev/null +++ b/.changeset/healthy-poets-float.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: correctly applies autofocus to static elements diff --git a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js b/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js index 49a642eb49..dd8a594e61 100644 --- a/packages/svelte/src/compiler/phases/2-analyze/visitors/RegularElement.js +++ b/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 && diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js index 4008dbdfa3..4de1a11a97 100644 --- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/shared/fragment.js +++ b/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; } diff --git a/packages/svelte/tests/runtime-legacy/samples/autofocus-2/_config.js b/packages/svelte/tests/runtime-legacy/samples/autofocus-2/_config.js new file mode 100644 index 0000000000..24b45b3761 --- /dev/null +++ b/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); + } +}); diff --git a/packages/svelte/tests/runtime-legacy/samples/autofocus-2/main.svelte b/packages/svelte/tests/runtime-legacy/samples/autofocus-2/main.svelte new file mode 100644 index 0000000000..e3ea9a76d4 --- /dev/null +++ b/packages/svelte/tests/runtime-legacy/samples/autofocus-2/main.svelte @@ -0,0 +1,2 @@ +