@inject IJSRuntime JSRuntime

<TelerikButton OnClick="@ShowPrompt">Show Prompt</TelerikButton>

@* move this script to an actual script file instead of using this hack *@
<script suppress-error="BL9992">
    function addKeyDownHandler() {
        document.body.addEventListener("keydown", function (event) {
            if (event.key === "Enter") {
                if (event.target.classList.contains("k-input-inner") && event.target.closest(".k-dialog")) {
                    const dialog = event.target.closest(".k-dialog");
                    const okButton = dialog.querySelector(".k-button");
                    if (okButton) {
                        okButton.click();
                    }
                }
            }
        });
    }
</script>

@code {
    [CascadingParameter]
    private DialogFactory Dialogs { get; set; }

    private async Task ShowPrompt()
    {
        await JSRuntime.InvokeVoidAsync("addKeyDownHandler");

        string userInput = await Dialogs.PromptAsync("Enter your answer.");

        if (userInput == null)
        {
            Console.WriteLine("The user will not answer.");
        }
        else
        {
            Console.WriteLine($"The user said: {userInput}");
        }
    }
}