marcel/familienarchiv
1
0
Fork 0
Code Issues 109 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

fix(timeline): clear required-field errors when the field is corrected

Browse Source 
titleError/dateError short-circuited on the server fail payload
(`form?.titleError ?? …`, `form?.dateError ?? ''`), so after a fail(400)
the red border and message stuck until the next submit even once the user
typed a valid value. Derive both from the current field value instead: the
server error still seeds the message, but a non-empty title/date clears it
immediately.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-14 09:03:11 +02:00
parent 5f2cf5f2c2
commit 4d5fa7a26f
2 changed files with 29 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/lib/timeline/EventForm.svelte
View File

@@ -91,12 +91,13 @@ let submitting = $state(false);
let dirty = $state(false);
const titleEmpty = $derived(title.trim().length === 0);
// Client-side title error fires instantly on a save attempt; the server's
// titleError is the simultaneous-multi-field source on a real round-trip.
// Required-field errors derive from the CURRENT field value, not the stale server
// payload: a server titleError/dateError seeds the message, but typing a valid
// value clears it immediately instead of sticking until the next submit.
const titleError = $derived(
form?.titleError ?? (titleTouched && titleEmpty ? m.event_editor_title_required() : '')
titleEmpty && (titleTouched || !!form?.titleError) ? m.event_editor_title_required() : ''
);
const dateError = $derived(form?.dateError ?? '');
const dateError = $derived(dateIso ? '' : (form?.dateError ?? ''));
beforeNavigate(({ cancel }) => {
if (dirty && !submitting) {