Skip to content

iOS Tab "More" page breaks some styling #26975

Closed
#34617
#27848
Closed
iOS Tab "More" page breaks some styling#26975
#34617
#27848
Labels
area-controls-shellShell Navigation, Routes, Tabs, Flyoutplatform/iost/bugSomething isn't working
Milestone
Backlog
@Sebastian1989101

Description

@Sebastian1989101
Sebastian1989101
opened on Jan 7, 2025

Description

I just created a blank new .NET 9 MAUI App testing a few things out. While adding more then 5 Tabs to force the "More" tab to appear on iOS, I noticed that the pages under the more section breaking part of the styling (hamburger menu icon color, top tab bar background color, ...), see:

faZIf5p.mp4

As those styling breaks with it, I assume even more breaks without further testing...

Steps to Reproduce

  1. Create new .NET 9 MAUI App
  2. Change the AppShell content to this one:
<TabBar>
        <Tab Title="Tab 001">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />

            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />

            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 002">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 003">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 004">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />

            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />

            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 005">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 006">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />

            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 007">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
        <Tab Title="Tab 008">
            <ShellContent
                Title="Home"
                ContentTemplate="{DataTemplate local:MainPage}"
                Route="MainPage" />
        </Tab>
    </TabBar>

Link to public reproduction project repository

No response

Version with bug

9.0.21 SR2.1

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

No response

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

Metadata
Metadata
Assignees
No one assigned
    Labels
    area-controls-shellShell Navigation, Routes, Tabs, Flyoutplatform/iost/bugSomething isn't working
    Type
    No type
    Fields
    No fields configured for issues without a type.
    Projects
    No projects
    Milestone
    Relationships
    None yet
    Development
    No branches or pull requests
    Issue actions