Skip to content

[iOS] Shell.FlyouterFooter is overlapping Shell.FlyoutContent #35583

Closed
#36411
#33335
Closed
[iOS] Shell.FlyouterFooter is overlapping Shell.FlyoutContent#35583
#36411
#33335
Labels
area-controls-shellShell Navigation, Routes, Tabs, Flyouti/regressionThis issue described a confirmed regression on a currently supported versionplatform/iosregressed-in-10.0.40s/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triaget/bugSomething isn't working
Milestone
.NET 10 SR10

Description

@dartasen
dartasen
opened on May 22, 2026

Description

I have an AppShell that defines :

  • Shell.FlyoutHeader to display my app icon
  • Shell.FlyoutContent to display clickable item that can also navigate to other pages
  • Shell.FlyoutFooter to display my settings button

Trying to migrate to .NET 10, but i've seen regression on FlyouterFooter behavior.

Steps to Reproduce

  1. Create a File > new .NET MAUI with AppShell
  2. Add FlyoutContent with a CollectionView that contains a lot of elements (so it fills the whole FlyoutContent and can be scrollable
  3. Add a button inside FlyoutFooter

The button will overlap FlyoutContent instead of staying at the bottom of the shell.

Link to public reproduction project repository

No response

Version with bug

10.0.0

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

9.0.120 SR12

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

Not yet

Relevant log output

Activity
  1. dartasen
    added 
    t/bugSomething isn't working
     on May 22, 2026
  2. github-actions
    added 
    area-controls-shellShell Navigation, Routes, Tabs, Flyout
     
    platform/ios
     on May 22, 2026
  3. LogishaSelvarajSF4525 commented on May 26, 2026 
    @LogishaSelvarajSF4525
    LogishaSelvarajSF4525
    on May 26, 2026
    Contributor
    This issue has been validated in Visual Studio Code 1.121.0 with .NET MAUI versions 9.0.0, 9.0.120, 10.0.0 & 10.0.70. It was not reproducible on both iOS 18.4 and iOS 26.0 platform. I have attached the sample & output for reference:ShellIssue.zip
    
Image
Image
  4. Ahamed-Ali
    added 
    s/needs-infoIssue needs more info from the author
     
    s/needs-reproAttach a solution or code which reproduces the issue
     on May 26, 2026
  5. elparasite commented on May 27, 2026 
    @elparasite
    elparasite
    on May 27, 2026
    

    This issue has been validated in Visual Studio Code 1.121.0 with .NET MAUI versions 9.0.0, 9.0.120, 10.0.0 & 10.0.70. It was not reproducible on both iOS 18.4 and iOS 26.0 platform. I have attached the sample & output for reference:ShellIssue.zip
    

    

    I modified your example to show that it is reproductible by adding a flying button in the content:
    

    https://github.com/elparasite/maui-shell-issue
    

    On android the footer is after the content, the flying button is not overlapping the footer.
    
On iOS it clearly overlaps the content.
    
Image
Image
  6. dotnet-policy-service
    added 
    s/needs-attentionIssue has more information and needs another look
     and removed 
    s/needs-infoIssue needs more info from the author
     
    s/needs-reproAttach a solution or code which reproduces the issue
     on May 27, 2026
  7. LogishaSelvarajSF4525 commented on May 29, 2026 
    @LogishaSelvarajSF4525
    LogishaSelvarajSF4525
    on May 29, 2026
    Contributor
    This issue has been validated in Visual Studio Code 1.122.0 with .NET MAUI versions 9.0.120, 10.0.0, 10.0.30, 10.0.40 and 10.0.70. It was reproducible from 10.0.40 version and was not reproducible in below 10.0.40 on iOS(18.4 & 26.0) platform. I have attached the output for reference:
    

    Output Screenshot
    

    


    
In 10.0.30 version(Issue not reproduced)
In 10.0.70 version(Issue reproduced)

    
    


    
Image
Image

    
    

  8. Ahamed-Ali
    added 
    s/verifiedVerified / Reproducible Issue ready for Engineering Triage
     
    s/triagedIssue has been reviewed
     
    i/regressionThis issue described a confirmed regression on a currently supported version
     and removed 
    s/needs-attentionIssue has more information and needs another look
     on May 29, 2026
  9. 15 remaining items
  10. kubaflo
    added 2 commits that reference this issue on Aug 10, 2026
    July 13th, Candidate (#36411)
    abf61c2
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    5969f4f
  11. kubaflo
    added 12 commits that reference this issue on Aug 27, 2026
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    1e28640
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    fc9f7b6
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    d122232
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    b4eea0a
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    d595145
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    47877be
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    9dfdc99
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    865d383
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    4ca4cff
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    28b034a
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    69732e1
    [iOS] Fix Shell Flyout SafeArea Rendering (#33335)
    4e74e33
  12. github-actions
    locked and limited conversation to collaborators on Sep 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Metadata
Metadata
Assignees
No one assigned
    Labels
    area-controls-shellShell Navigation, Routes, Tabs, Flyouti/regressionThis issue described a confirmed regression on a currently supported versionplatform/iosregressed-in-10.0.40s/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triaget/bugSomething isn't working
    Type
    No type
    Projects
    No projects
      Milestone
      Relationships
      None yet
      Development
      No branches or pull requests
      Issue actions