Nested dirty UForm doesn't make it's parent dirty
Open
Nobody has claimed this yet.
triage
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Environment
- Operating System:
Linux - Node Version:
v22.15.0 - Nuxt Version:
- - CLI Version:
3.28.0 - Nitro Version:
- - Package Manager:
pnpm@10.18.0 - Builder:
- - User Config:
- - Runtime Modules:
- - Build Modules:
-
Is this bug related to Nuxt or Vue?
Vue
Package
v4.x
Version
v4.6.1
Reproduction
https://codesandbox.io/p/devbox/youthful-herschel-mkjs6p
Description
Not sure if it was intended or not, but a nested UForm's dirty state is not reflected on parent's UForm.
Together with the list of nested forms unavailable in exposed fields it makes unreasonably hard to ignore submittion of a non-dirty form with nested forms.
Additional context
No response
Logs
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox reproduction and the UForm expose documentation, focusing on how nested forms report their dirty state. Confirm the parent UForm reflects a dirty nested form and that submit behavior can distinguish non-dirty forms with nested forms; add or update coverage for the reproduced case.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxt, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100