maui
maui copied to clipboard
dotnet
TabbedPage App on resize hides page bottom content
Description
Start from a simple tabbed page application (not shell) on Windows, for example, https://github.com/dotnet/maui-samples/tree/main/6.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
- Run an instance of the application in the linked repository on Windows.
- 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/6.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
We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.
We have the same issue on Windows (not tested on other platforms). Did somebody found a workaround?
@YandyZaldivar The https://github.com/dotnet/maui-samples/tree/main/6.0/Navigation/TabbedPage cannot be found. Would you be able to add a little reproduction project again and attach a screenshot about the error? Thanks.
Hi @YandyZaldivar. We have added the "s/needs-info" label to this issue, which indicates that we have an open question for you before we can take further action. This issue will be closed automatically in 7 days if we do not hear back from you by then - please feel free to re-open it if you come back to this issue after that time.
@XamlTest it seems you moved your repository See dotnet/docs-maui#1469 and dotnet/maui-samples#345 Find your repository here https://github.com/dotnet/maui-samples/tree/main/7.0/Navigation/TabbedPage
@YandyZaldivar We verified this on Visual Studio Enterprise 17.7.0 Preview 1.0 with the provided project.
And want to confirm again, is this same behavior with you?
OS: Windows 11(22621)
@XamlTest that is the exact behavior I am experiencing.
In your provided recording it is easy to see the problem. When you first resize the window, notice how the vertical alignment of the Click me button (and all content in general) goes a bit down, and then when you set the window back to the same height the button never recovers its original vertical alignment.
A quick trick to see the issue better is to put your mouse cursor in the button corner at the beginning of recording, the button will never recover its original Y position.
But what makes this issue very relevant is that if you add some content at the bottom of your page, like a footnote, after resizing the window the content will disappear from your viewport.