PageTitle does not modify document.title inside BlazorWebView

[ivanjx]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

i am trying to sync between my blazor app's PageTitle and the window's title but apparently PageTitle is ignored when running inside BlazorWebView control on winforms and maui.

Expected Behavior

PageTitle is set properly so i can read it with document.title with JS interop.

Steps To Reproduce

1. create a hybrid app.
2. create a new page and a nav to it.
3. put <PageTitle>something</PageTitle> in the new page.
4. run the app and navigate to the new page.
5. open the built in dev tools (F12).
6. on the console tab and run document.title.
7. the result is not something.

Exceptions (if any)

No response

.NET Version

9.0.200

Anything else?

No response

[bradford-fisher]

Have you added a RootComponent to the BlazorWebView component targeting head::after? The following is, admittedly, WPF and not MAUI, but might be similar enough to help.

<Window 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:blazor="clr-namespace:Microsoft.AspNetCore.Components.WebView.Wpf;assembly=Microsoft.AspNetCore.Components.WebView.Wpf"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:Demo"
    xmlns:web="clr-namespace:Microsoft.AspNetCore.Components.Web;assembly=Microsoft.AspNetCore.Components.Web"
    x:Class="Demo.MainWindow"
    mc:Ignorable="d"
    Title="MainWindow"
    Height="450"
    Width="800"
>
    <blazor:BlazorWebView HostPage="wwwroot/index.html" StartPath="/" Services="{DynamicResource services}">
        <blazor:BlazorWebView.RootComponents>
            <blazor:RootComponent Selector="#application" ComponentType="{x:Type local:AppRouter}"/>
            <blazor:RootComponent Selector="head::after" ComponentType="{x:Type web:HeadOutlet}"/>
        </blazor:BlazorWebView.RootComponents>
    </blazor:BlazorWebView>
</Window>

When I open the developer tools I can see the title element set in the head as specified by the currently loaded PageTitle component.

[ivanjx]

@bradford-fisher thank you for the suggestion. it works now even with winforms.

        blazorWebView1.HostPage = "wwwroot\\index.html";
        blazorWebView1.Services = _sp;
        blazorWebView1.RootComponents.Add<MyApp>("#app");
        blazorWebView1.RootComponents.Add<HeadOutlet>("head::after");