fix: Add more checks to determine if element is non-static (#15259)

Fixes #15241

Author: ranjan-purbey

.changeset/unlucky-laws-decide.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure input elements and elements with `dir` attribute are marked as non-static

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

@@ -144,6 +144,17 @@ function is_static_element(node, state) {
 			return false;
 		}
 
+		if (attribute.name === 'dir') {
+			return false;
+		}
+
+		if (
+			['input', 'textarea'].includes(node.name) &&
+			['value', 'checked'].includes(attribute.name)
+		) {
+			return false;
+		}
+
 		if (node.name === 'option' && attribute.name === 'value') {
 			return false;
 		}

packages/svelte/tests/hydration/samples/element-dir-attribute-sibling/_config.js

@@ -0,0 +1,9 @@
+import { test } from '../../test';
+
+export default test({
+	test(assert, target) {
+		const p = target.querySelector('p');
+
+		assert.equal(p?.dir, 'rtl');
+	}
+});

packages/svelte/tests/hydration/samples/element-dir-attribute-sibling/main.svelte

@@ -0,0 +1 @@
+<p dir="rtl">text</p>.

packages/svelte/tests/hydration/samples/input-checked-attribute-sibling/_config.js

@@ -0,0 +1,9 @@
+import { test } from '../../test';
+
+export default test({
+	test(assert, target) {
+		const input = target.querySelector('input');
+
+		assert.equal(input?.checked, true);
+	}
+});

packages/svelte/tests/hydration/samples/input-checked-attribute-sibling/_expected.html

@@ -0,0 +1 @@
+<!--[--><!---->.<input><!--]-->

packages/svelte/tests/hydration/samples/input-checked-attribute-sibling/main.svelte

@@ -0,0 +1 @@
+.<input checked />