Microsoft.JSInterop.JSException: Cannot read properties of null (reading 'addEventListener')
TypeError: Cannot read properties of null (reading 'addEventListener')

<TelerikDialog @bind-Visible="@Visible"
               Title="@Title">
    <DialogContent>
        <TelerikGrid Data=@GridData Pageable="true" Height="400px" Width="700px">
            <GridToolBar>
                <span class="k-toolbar-spacer"></span> @* add this spacer to keep the searchbox on the right *@
                <div onkeydown="event.stopPropagation()">
                    <GridSearchBox />
                </div>
            </GridToolBar>
            <GridColumns>
                <GridColumn Field="@(nameof(Employee.EmployeeId))" />
                <GridColumn Field=@nameof(Employee.Name) />
                <GridColumn Field=@nameof(Employee.Team) Title="Team" />
                <GridColumn Field=@nameof(Employee.IsOnLeave) Title="On Vacation" />
            </GridColumns>
        </TelerikGrid>
    </DialogContent>
</TelerikDialog>

@code {
    private bool Visible { get; set; } = true;
    private string Title { get; set; } = "Software Update";

    public List<Employee> GridData { get; set; }

    protected override void OnInitialized()
    {
        GridData = new List<Employee>();
        var rand = new Random();
        for (int i = 0; i < 15; i++)
        {
            GridData.Add(new Employee()
                {
                    EmployeeId = i,
                    Name = "Employee " + i.ToString(),
                    Team = "Team " + i % 3,
                    IsOnLeave = i % 2 == 0
                });
        }
    }

    public class Employee
    {
        public int EmployeeId { get; set; }
        public string Name { get; set; }
        public string Team { get; set; }
        public bool IsOnLeave { get; set; }
    }
}

@inject IJSRuntime _js

<TelerikButton OnClick="@PromptWithText">Workaround</TelerikButton>

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

    async Task PromptWithText()
    {
        // the workaround - invoke a script that will set the input value with a delay
        await _js.InvokeVoidAsync("setPromptDefaultText", "predefined prompt value");

        // do the prompts as usual
        string prompt = await Dialogs.PromptAsync("Enter something");
        Console.WriteLine(prompt);
    }
}

@* move this script to a proper location, this is a hack 
    to put in the blazor component so the workaround is easy to copy and run *@
<script suppress-error="BL9992">
    function setPromptDefaultText(defText) {
        setTimeout(function(){
            var promptInput = document.querySelector(".k-prompt-container .k-textbox .k-input-inner");
            if(promptInput) {
                promptInput.value = defText;
                promptInput.dispatchEvent(new Event('input', {bubbles: true} ));
            }
        }, 50); // a timeout so the prompt can render first
    }
</script>