未被触及的远程表单 `<select>` 在 `onchange` 上运行 `validate()` 时呈现为空白

import { object, optional, string } from 'valibot';

export const MreSchema = object({
	picked: optional(string(), ''),
	text: optional(string(), ''),
});

import { form } from '$app/server';
import { MreSchema } from './schema.ts';

export const mreForm = form(MreSchema, async () => {
	return { ok: true };
});

<script lang="ts">
	import { mreForm as _mreForm } from './data.remote.ts';
	import { MreSchema } from './schema.ts';

	const uid = $props.id();
	const mreForm = _mreForm.for(uid);
</script>

<form {...mreForm.preflight(MreSchema)} onchange={() => mreForm.validate()}>
	<select {...mreForm.fields.picked.as('select')}>
		<option value="">-- pick --</option>
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<input {...mreForm.fields.text.as('text')} placeholder="type here, then blur" />
	<button>submit</button>
</form>