[Solved] Dialog is triggering validation when displaying another Dialog?

[Rob]

The Map/Route dialog is set with "CloseOnOverlayClick".  As soon as I display the Route Dialog it triggers prior form validation (see the Destination red text behind the Route dialog)?

<TelerikDialog @bind-Visible="@_viewRouteMap"
               ShowCloseButton="true"
               CloseOnOverlayClick="true">
    <DialogTitle>Route</DialogTitle>
    <DialogContent>
        <Map ZipCodeModelOrigin="@_selectedZipCodeOrigin" ZipCodeModelDestination="@_selectedZipCodeDestination"></Map>
    </DialogContent>
</TelerikDialog>

I've used my Route/Map component on other pages/components and not having this validation trigger issue.  It seems if I go more than 1 level of Dialogs I'll get this issue?

The code that makes the Map/Route dialog visible:

private async Task MapGeneralRateRouteHandler(MouseEventArgs args)
{
    // Get the coordinates from the ZipCodes table using current Origin, Destination zip code
    _selectedZipCodeOrigin = await ZipCodeService.GetByZipCode(_rateDispatch.OriginZipCode);
    _selectedZipCodeDestination = await ZipCodeService.GetByZipCode(_rateDispatch.DestinationZipCode);
    _viewRouteMap = true;
}

Why is validation being triggered when I make another dialog visible?

 

[Dimo]

Hi Rob,

I have two assumptions:

• When the second Dialog appears, a textbox in the first Dialog (and Form) is blurred, which is expected to trigger validation.
• When the second Dialog appears, the UI refreshes, which shows failed validation that already occurred before that.

Our Dialog component has no relevance to validation algorithms.