[Android] Material3 - TabbedPage bottom tabs overflowing the contents

[SyedAbdulAzeemSF4852]

Description

• When Material 3 is enabled and ToolbarPlacement is set to Bottom, the tab bar items overflow. The overflow does not occur when ToolbarPlacement is set to Top, and the same layout works correctly in Material.

Material 3	Material 2

Steps to Reproduce

1. Create a new .NET MAUI application.
2. Enable Material 3 in the project configuration.
3. In the app startup file (App.xaml.cs), replace the existing startup code with the code provided below.

protected override Window CreateWindow(IActivationState? activationState)
{
    var tabbedPage = new TabbedPage
    {
        Title = "Tabbed Page",
        Children =
        {
            new ContentPage
            {
                Title = "First Page",
                Content = new Label { Text = "This is the first page" },
                Background = Colors.Red
            },
            new ContentPage
            {
                Title = "Content Page",
                Content = new Label { Text = "This is a content page" }
            }
        }
    };

    Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific.TabbedPage.SetToolbarPlacement(
        tabbedPage,
        Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific.ToolbarPlacement.Bottom);

    return new Window(tabbedPage);
}

Link to public reproduction project repository

No response

Version with bug

11.0.0-preview2

Is this a regression from previous behavior?

No, this is something new

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

[Ahamed-Ali]

This issue has been validated in Visual Studio Code 1.116.0 with .NET MAUI versions 10.0.40, 10.0.41, 10.0.50, and 10.0.51. It is reproducible on the Android platform using a Pixel 9 Pro (API 36) emulator.