examples: unsaved-changes guard on forms #51

New issue

Closed

opened 2026-09-14 21:55:06 +00:00 by pienter · 0 comments

pienter commented

2026-09-14 21:55:06 +00:00

Owner

Deferred from the UX/a11y sweep.

No form in the playground guards against leaving with unsaved changes: no onBeforeRouteLeave, beforeunload or dirty tracking in examples/vue/src or in Form/RecordForm. Cancel and sidebar links discard edits silently on every form.

Proposal: one useUnsavedChanges(model, snapshot) composable in the example (route guard + beforeunload), confirming through the library AlertDialog. Decide first whether dirty tracking belongs in RecordForm itself.

Deferred from the UX/a11y sweep. No form in the playground guards against leaving with unsaved changes: no `onBeforeRouteLeave`, `beforeunload` or dirty tracking in `examples/vue/src` or in `Form`/`RecordForm`. Cancel and sidebar links discard edits silently on every form. Proposal: one `useUnsavedChanges(model, snapshot)` composable in the example (route guard + `beforeunload`), confirming through the library `AlertDialog`. Decide first whether dirty tracking belongs in `RecordForm` itself.

pienter referenced this issue from a pull request that will close it,

2026-09-16 01:09:31 +00:00

feat(record-form): dirty tracking and an unsaved-changes guard #90

pienter referenced this issue

2026-09-16 01:13:36 +00:00

ui: useUnsavedChanges does not guard param-only route changes #91

pienter referenced this issue

2026-09-16 01:13:36 +00:00

ui: Storybook story for RecordForm baseline and dirty #92

pienter closed this issue

2026-09-16 01:18:58 +00:00