Select not working properly on EditForm

[remo87]

I added an InputSelect to an EditForm and when I click it, it closes immediately and it doesn't allow the user to select a value. I tried changing the component for a select tag and it continues to behave the same way. I tried moving the select tag out of the EditForm and it works properly. This is the Form. I'm I missing something?
<EditForm Model="@Device" OnValidSubmit="@Submit"> <div class="form-group"> <label for="name">Name</label> <InputText id="name" @bind-Value="@Device.Name" /> </div> <div class="form-group"> <label for="ip">Ip Address</label> <InputText id="ip" @bind-Value="@Device.IP" /> </div> <div class="form-group"> <label for="mac">MAC Address</label> <InputText id="mac" @bind-Value="@Device.MAC" /> </div> <div class="form-group"> <label for="type">Device Type</label> <InputSelect id="type" @bind-Value="@Device.DeviceType"> <option value="1">Counter</option> <option value="2">Reader</option> </InputSelect> </div> <div class="form-group"> <label for="location">Location</label> <InputSelect id="location" @bind-Value="@Device.LocationId"> @foreach (var loc in Locations) { <option value="@loc.Id">@loc.Name</option> } </InputSelect> </div> </EditForm>

[remo87]

Sorry, it was on a loading on an infinite loop because I wasn't using the firstrender condition