dotnet / dotnet/aspnetcore

Enhance forms should isolate updates to their own DOM subtree or a specified element

Open
#61,863 5 comments 2 reactions 0 assignees View on GitHub
area-blazor enhancement
Dominant language
C#
Stars
38.4k
Forks
10.9k
Avg merge
2d 5h
Merged PRs (30d)
276

Description

### Is there an existing issue for this?

- [x] I have searched the existing issues

### Is your feature request related to a problem? Please describe the problem.

In Blazor SSR with enhanced navigation (Enhance on ), when a page has multiple components, submitting one form causes the entire page to re-render based on the parameters from [SupplyParameterFromForm]. This often results in:
• Other forms being reset unintentionally
• Unrelated components receiving unexpected updates or data loss

### Describe the solution you'd like

Add an option to to limit the update scope to only the child DOM subtree of the submitted form or
another element.

Possible approach:
• A new parameter for EditForm like IsolatedEnhanceName="form1" to scope rendering to the form’s children or to scope to any element with attribute maybe like form-isolated-name="form1".

its will looks like this:
``
if there element with :
```



```
it will only update the child of this div , else it will update only child of that form.

### Additional context

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.