gah we can't fix the input in an effect, need to do it here, but after a tick so that changes have been flushed through each blocks

Author: Rich-Harris

packages/svelte/src/internal/client/dom/elements/bindings/input.js

@@ -6,7 +6,7 @@ import * as e from '../../../errors.js';
 import { is } from '../../../proxy.js';
 import { queue_micro_task } from '../../task.js';
 import { hydrating } from '../../hydration.js';
-import { untrack } from '../../../runtime.js';
+import { tick, untrack } from '../../../runtime.js';
 import { is_runes } from '../../../context.js';
 import { current_batch, previous_batch } from '../../../reactivity/batch.js';
 
@@ -21,7 +21,7 @@ export function bind_value(input, get, set = get) {
 
 	var batches = new WeakSet();
 
-	listen_to_event_and_reset_event(input, 'input', (is_reset) => {
+	listen_to_event_and_reset_event(input, 'input', async (is_reset) => {
 		if (DEV && input.type === 'checkbox') {
 			// TODO should this happen in prod too?
 			e.bind_invalid_checkbox_value();
@@ -35,6 +35,24 @@ export function bind_value(input, get, set = get) {
 		if (current_batch !== null) {
 			batches.add(current_batch);
 		}
+
+		await tick();
+
+		// In runes mode, respect any validation in accessors (doesn't apply in legacy mode,
+		// because we use mutable state which ensures the render effect always runs)
+		if (runes && value !== (value = get())) {
+			var start = input.selectionStart;
+			var end = input.selectionEnd;
+
+			// the value is coerced on assignment
+			input.value = value ?? '';
+
+			// Restore selection
+			if (end !== null) {
+				input.selectionStart = start;
+				input.selectionEnd = Math.min(end, input.value.length);
+			}
+		}
 	});
 
 	if (
@@ -88,17 +106,8 @@ export function bind_value(input, get, set = get) {
 		// don't set the value of the input if it's the same to allow
 		// minlength to work properly
 		if (value !== input.value) {
-			var start = input.selectionStart;
-			var end = input.selectionEnd;
-
 			// @ts-expect-error the value is coerced on assignment
 			input.value = value ?? '';
-
-			// Restore selection
-			if (end !== null) {
-				input.selectionStart = start;
-				input.selectionEnd = Math.min(end, input.value.length);
-			}
 		}
 	});
 }