await ModalService.CreateModalAsync doesn't wait for modal to be closed

Hi next code doesn’t wait for modal to be closed, Console.WriteLine is executed as the modal is shown

modalRef = await ModalService.CreateModalAsync<MyComponent, DlgResult>(modalConfig, templateOptions);
  Console.WriteLine("after");

tried ModalService.CreateConfirmAsync but the same is there any alternative? thanks

[zxyao145]

Yes, you can create a custom proxy for ModalService as follow:

1. define a proxy service for ModalService

public class ModalServiceWrapper
{
	private readonly ModalService _modalService;

	public ModalServiceWrapper(ModalService modalService)
	{
		_modalService = modalService;
	}

	public Task CreateModalAsync<TComponent, TComponentOptions>(ModalOptions config,
		TComponentOptions componentOptions) where TComponent : FeedbackComponent<TComponentOptions>
	{
		var tsc = new TaskCompletionSource();
		config.AfterClose = () =>
		{
			tsc.SetResult();
			return Task.CompletedTask;
		};

		_ = _modalService.CreateModalAsync<TComponent, TComponentOptions>(config, componentOptions);
		return tsc.Task;
	}
}

2. Injection service ModalServiceWrapper

services.TryAddScoped<ModalServiceWrapper>();

3. Replacing the ModalService with the ModalServiceWrapper

@using OneOf;
@inject ModalServiceWrapper ModalService

<AntDesign.Button OnClick="ShowModal">Show parent</AntDesign.Button>

@code {
    async Task ShowModal()
    {
        var modalConfig = new ModalOptions();
        modalConfig.Title = "Basic Form";

        await ModalService.CreateModalAsync<MyComponent, MyOptions>(modalConfig,new MyOptions());
        Console.WriteLine("AfterHide");
    }
}

aside: MyComponent.razor

@inherits FeedbackComponent<MyOptions>

<h3>MyComponent</h3>

MyOptions

public class MyOptions
{
}

[zxyao145]

Hi, @mrjohnr I’m sorry for my poor English, it’s possible to get result after modal closes using await, but there is no such consideration for the time being.

In my last reply, I said in the future that you can get results in OnOk’s callback or OnCancel’s callback function, it may appear in version 0.8 or version 0.7.4.

Now you can use the callback function of AfterClose. I’m Sorry for the bad development experience.