Skip to content

TabbedPage App on resize hides page bottom content #11402

Open

Description

Description

Start from a simple tabbed page application (not shell) on Windows, for example, https://github.com/dotnet/maui-samples/tree/main/7.0/Navigation/TabbedPage

When the application is first started, whether initially maximized or using the regular window size, everything looks fine. Right after, if you try resizing the main window, either horizontally or vertically, the whole bottom portion of the page content (vertically) will disappear (out of viewport) by a height probably similar to the size of the tabbed page navigation bar. This not only affects the current tab page but all other pages.

After resizing the window by any amount it is no longer possible to bring back the missing bottom content.

This behavior was only tested on Windows, I haven't tested it on Mac. I was able to reproduce the same issue on .net6.0 and .net7.0.

Steps to Reproduce

  1. Run an instance of the application in the linked repository on Windows.
  2. Resize the application by any amount from any of its borders.
    (Optional) If any explicit content is added right at the page bottom is better to visualize the issue.

Expected outcome: The page content remains the same since the content is designed to auto-adjust.

Actual outcome: The bottom content is immediately expanded vertically (out of the viewport) by a height similar to the tab page bar and is not possible to bring it back by resizing in any direction.

Link to public reproduction project repository

https://github.com/dotnet/maui-samples/tree/main/7.0/Navigation/TabbedPage

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows, I was not able test on other platforms

Affected platform versions

Windows [Version 10.0.22000.1219]

Did you find any workaround?

No

Relevant log output

No response

Update (05.06.2023)

The reproduction project repository was updated by maui team
from: https://github.com/dotnet/maui-samples/tree/main/6.0/Navigation/TabbedPage
to: https://github.com/dotnet/maui-samples/tree/main/7.0/Navigation/TabbedPage

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    area-controls-tabbedpageTabbedPagearea-layoutStackLayout, GridLayout, ContentView, AbsoluteLayout, FlexLayout, ContentPresenterplatform/windows 🪟s/needs-attentionIssue has more information and needs another looks/triagedIssue has been revieweds/verifiedVerified / Reproducible Issue ready for Engineering Triaget/bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions