Blazored modal causes the parent component to refresh

[yunusozan]

Blazored modal causes the parent component to refresh when i closed or canceled it. this problem occurs only when i use select input
an bind it in blazored modal.

<select id="inputState" class="form-select" @bind="StockGUI.Unit.ID" required>
		@foreach (var item in Units)
		{
		      <option value="@item.ID">@item.Description</option>
		}
</select>

ModalInstance.CancelAsync();

and then this method in parent component will calling by itself.

protected override async Task OnInitializedAsync()

i lose all the data i keep inside properties of parent component.

is there any solution?

[yunusozan]

Blazored modal causes the parent component to refresh when i closed or canceled it. this problem occurs only when i use select input an bind it in blazored modal.

<select id="inputState" class="form-select" @bind="StockGUI.Unit.ID" required>
		@foreach (var item in Units)
		{
		      <option value="@item.ID">@item.Description</option>
		}
</select>

ModalInstance.CancelAsync();

and then this method in parent component will calling by itself.

protected override async Task OnInitializedAsync()

i lose all the data i keep inside properties of parent component.

is there any solution?

The problem is caused by submitting form. it solved when i was replace form with div. you can remove this question