Teams dev - Personal tab - Focus

mEjLis 1

Hello there!

Is there please any option to focus the content of a tab immediately after it is opened?

I made a Blazor Server / Teams tab app for our company. In one of the tabs, after it is opened the user's keypresses are being handled from this input text component. I managed to get and kept the element focused with both JSInterop or the new #ref/FocusAsunc after each rerender, but after opening the tab, the user still needs to make the first mouseclick anywhere on the tab content for the focus to work stealing focus from the main Teams application.

Thank You!

Sayali-MSFT 2,266 Reputation points Microsoft Vendor

2023-01-05T10:56:32.487+00:00

@mEjLis - Thanks for reporting your issue.

Could you please share the small video if possible and also share the code snippets, so that we can repro it from our end.

mEjLis 1

    <MudTextField @ref="searchField" @bind-Value="searchString" Clearable OnClearButtonClick="@(() => opened = false)" Placeholder="Filtrovat" </MudTextField>  
          
        protected override async Task OnAfterRenderAsync(bool firstRender)  
            {  
                await base.OnAfterRenderAsync(firstRender);  
          
                if (firstRender)  
                {  
                    IsLoading = true;  
                    StateHasChanged();  
          
                    Users = _GraphUsers.Users;  
          
                    IsLoading = false;  
                    StateHasChanged();  
                }  
          
                SearchFieldFocus();  
            }  
          
        MudTextField<string> searchField;  
          
        async void SearchFieldFocus()  
            {  
                if (searchField!= null)  
                {  
                    await searchField.FocusAsync();  
                }  
            }

I tried it with .js interop too.

Focusing on the element works this way, but the thing is that the content of the web tab in Teams gets to focus only after I click anywhere on the content. After the tab is opened, the focus stays on the Teams application, unless I click on the content, only then the focus on the element starts to take place.

Thanks for replying! Regards

Sayali-MSFT 2,266 Reputation points Microsoft Vendor

2023-01-17T06:53:22.7+00:00

@mEjLis -We are tried to repro the scenario but not getting exact repro. Could you please share the short video and refer sample. so that we can reproduce and raise the bug for the same.