starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Auto focus to HtmlEditor still not working in dialog with AutoFocusFirstElement #651

New Issue
Closed
opened 2026-01-29 17:40:56 +00:00 by claunia · 0 comments
claunia commented 2026-01-29 17:40:56 +00:00
Owner
Copy Link

Originally created by @OndrejUzovic on GitHub (Nov 22, 2022).

It looks the fix for the bug #714 is still not working in Radzen 4.3.7.

Please check to open the dialog in the following example:

@page "/"

@using Radzen;
@using Radzen.Blazor;

@inject DialogService DialogService

<div style="width:700px; height:500px; background-color:beige;">

    <RadzenCard>
        <RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">Inline Dialog</RadzenText>
        <RadzenButton Text="Dialog with inline Blazor content" Style="width: 100%;" ButtonStyle="ButtonStyle.Secondary" Click=@ShowInlineDialog />
    </RadzenCard>


</div>

@code {

    async Task ShowInlineDialog()
    {
        var dialogOptions = new DialogOptions()
        {
            AutoFocusFirstElement = true,
            Width = "50%",
            Draggable = true,
        };

        await DialogService.OpenAsync("Simple Dialog", ds =>
        @<div style="display:grid;">
            <RadzenHtmlEditor TabIndex="1" />
            <RadzenHtmlEditor TabIndex="2" />
            <RadzenTextBox TabIndex="3" />
            <RadzenTextBox TabIndex="4" />
        </div>, dialogOptions);
    }
}

image

Or maybe, is there something wrong in that example code?

Originally created by @OndrejUzovic on GitHub (Nov 22, 2022). It looks the fix for the bug #714 is still not working in Radzen 4.3.7. Please check to open the dialog in the following example: ``` @page "/" @using Radzen; @using Radzen.Blazor; @inject DialogService DialogService <div style="width:700px; height:500px; background-color:beige;"> <RadzenCard> <RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.H3">Inline Dialog</RadzenText> <RadzenButton Text="Dialog with inline Blazor content" Style="width: 100%;" ButtonStyle="ButtonStyle.Secondary" Click=@ShowInlineDialog /> </RadzenCard> </div> @code { async Task ShowInlineDialog() { var dialogOptions = new DialogOptions() { AutoFocusFirstElement = true, Width = "50%", Draggable = true, }; await DialogService.OpenAsync("Simple Dialog", ds => @<div style="display:grid;"> <RadzenHtmlEditor TabIndex="1" /> <RadzenHtmlEditor TabIndex="2" /> <RadzenTextBox TabIndex="3" /> <RadzenTextBox TabIndex="4" /> </div>, dialogOptions); } } ``` ![image](https://user-images.githubusercontent.com/55758368/203278062-d5100fce-d4e1-4095-9565-23d51b6c242b.png) Or maybe, is there something wrong in that example code?
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#651
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?