Inline Edit Dropdown validation

I have a simple form that has a dropdown and a text box. I took a look at the example Blazor DataGrid Component - InLine Editing | Free UI Components by Radzen

I have it working on the textbox, but it's not working for the dropdown. Do you have an example?

<RadzenDataGridColumn TItem="QMS.Models.QMS_Db.CiArea" Property="Location.Location1" Title="Location">
                  <EditTemplate Context="ciArea">
                    <RadzenFormField Text="Location" Variant="Variant.Outlined">
                     <ChildContent>
                    <RadzenDropDown Data="@locationsForLocationId" TextProperty="Location1" ValueProperty="LocationId" AllowClear=true
                         style="display: block; width: 100%" @bind-Value="@ciArea.LocationId" Name="LocationId"
                           />
                    </ChildContent>
					          <Helper>
                      <RadzenRequiredValidator Text="Location is required" Component="LocationId" Popup="true" />
                     </Helper>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="QMS.Models.QMS_Db.CiArea" Property="Description" Title="Description">
                  <EditTemplate Context="ciArea">
                    <RadzenFormField Text="Description" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@ciArea.Description" Name="Description" />
                     </ChildContent>
                     <Helper>
                      <RadzenRequiredValidator Component="Description" Text="Description is required"  />
                     </Helper>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>

The location dropdown does not validate.

If LocationId is int you might need to set DefaultValue=0 for the validator.

Excellent thanks for your help!