IOS Glass UI - TabbedPage with a Navigation Page - page cuts off above native floating tab bar

[corne-ac]

Description

So, we have an app that uses NavigationPages/Hierarchical Navigation. Our landing page is a TabbedPage with a few tabs. These tabs are added as navigationPages.
On older ios, the tab bar at the bottom rendered in the same way as android (a solid bar with the icons/text of each tab), but with the new iOS 26 glass UI, iOS forces a flaoting glass tab bar thing at the bottom instead of the previous bar.

The issue: Our pages cuts off just above this glass floating bar, the page only renders the same space it wouldve with the old tabbar, but due to the new styling of iOS, it looks odd.
This issue is exclusive to the NavigationPage inside a TabbedPage.

Workaround is simply not using navigationpages inside of a tabbedpage, but due to the nature of our application we cant just shift back to Shell navigation or stop wrapping our pages in the NavigationPage. But doing this, results in the floating tab bar for iOS to render properly as I wouldve expected.

We also add the tabs in our code-behind so the example will use the same method of adding tabs.

We can use the override thing in the info.plist that forces old iOS UI, but that will only work for who knows how long before we are forced to remove it.

I feel this is a regression as the previous iOS versions used the normal tabbar.

Have a look at the REPO attached for reproduction and the full context of how the tabbedpages are set up.

Here is a video of the issue (dark mode to make it more visible, and the code from the TabbedPage:

        Children.Add(new NavigationPage(new MainPage1())
        {
            Title = "Tab 1",
            IconImageSource = "dotnet_bot.png"
        });

        Children.Add(new NavigationPage(new MainPage2())
        {
            Title = "Tab 2",
            IconImageSource = "dotnet_bot.png"
        });

Screen.Recording.2026-05-18.at.9.13.06.AM.mov

here is a video of the expected behavior (using the workaround) and code:

        Children.Add(new MainPage1());
        Children.Add(new MainPage2());

Screen.Recording.2026-05-18.at.9.14.18.AM.mov

Steps to Reproduce

1. Create new Project
2. Add a tabbedPage
3. in code-behind of tabbed page, add tabs wrapped in a NavigationPage
4. Observe that the pages get cut off just above the floating tab bar native to iOS 26+

Link to public reproduction project repository

https://github.com/corne-ac/tabbarios

Version with bug

10.0.20

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

Unknown/Other

Affected platforms

iOS

Affected platform versions

iOS 26 and up

Did you find any workaround?

Yes, the workaround was simply not wrapping the tabbedpages in a navigationpage, so from this:

Children.Add(new NavigationPage(new MainPage1())
        {
            Title = "Tab 1",
            IconImageSource = "dotnet_bot.png"
        });

to this:

Children.Add(new MainPage1());

along with this in xaml:

             Title="Tab 1"
             IconImageSource="dotnet_bot.png"

But this will only work if not depending on NavigationPages/Hierarchical Navigation.

Relevant log output

[LogishaSelvarajSF4525]

This issue has been validated in Visual Studio Code 1.120.0 with .NET MAUI versions 9.0.0, 9.0.120, 10.0.0, 10.0.20 & 10.0.60. It was reproducible on iOS (iPhone 17 pro max 26.0) platform. I have attached reference image :

Output Screenshot

In 9.0.0 version(issue reproduced)	In 10.0.60 version (issue reproduced)