Skip to content
This repository has been archived by the owner on May 1, 2024. It is now read-only.

[Bug] UWP: Page layout is not updated correctly if the window is resized and the shell contains multiple pages #12936

Open
holecekp opened this issue Nov 22, 2020 · 3 comments

Comments

@holecekp
Copy link

Description

When an application has multiple pages in the shell menu and the user resizes the application window, only layout for the current page is updated. When the user returns to a different page, its layout is not updated. Layout for the previous window size is used. As a result, some controls are clipped on this page, or the page contains empty unused space.

Steps to Reproduce

  1. Run the included repro project in UWP. Shell menu contains two pages. One with a ListView and another, one with settings. Notice that the layout for the first page is correct.
  2. Select the second page (settings) from the shell menu. Notice that its layout is also correct.
  3. Now, resize the window and make it much smaller.
  4. Return to the first page (the one with the list). Notice that some controls are not visible and the list is only partially visible. The layout for the previous (larger) window size is still used.
  5. Resize the window to make it much bigger (for example, maximize it)
  6. Return to the second page (the one with the settings). Now, only small part of the window is used and the rest of the page is empty.

Expected Behavior

Layout of the page should be correct after the window size changed.

Actual Behavior

Only layout of the current page is correct after the window size changed. Layout for the other pages (if the user has already visited them) is incorrect.

Basic Information

  • Version with issue: tested in 5.0.0. pre-4 but I think all 4.8 versions (and maybe even older versions) also have this issue.
  • Last known good version: all version that I tried are affected

Environment

Microsoft Visual Studio Community 2019
Version 16.8.1
VisualStudio.16.Release/16.8.1+30711.63
Microsoft .NET Framework
Version 4.8.03752

Installed Version: Community

Visual C++ 2019 00435-60000-00000-AA088
Microsoft Visual C++ 2019

ASP.NET and Web Tools 2019 16.8.550.19892
ASP.NET and Web Tools 2019

ASP.NET Core Razor Language Services 16.1.0.2052803+84e121f1403378489b842e1797df2f3f5a49ac3c
Provides languages services for ASP.NET Core Razor.

ASP.NET Web Frameworks and Tools 2019 16.8.550.19892
For additional information, visit https://www.asp.net/

Azure App Service Tools v3.0.0 16.8.550.19892
Azure App Service Tools v3.0.0

Azure Functions and Web Jobs Tools 16.8.550.19892
Azure Functions and Web Jobs Tools

C# Tools 3.8.0-5.20519.18+4c195c3ac1974edcefa76774d7a59a2350ec55fa
C# components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Common Azure Tools 1.10
Provides common services for use by Azure Mobile Services and Microsoft Azure Tools.

Extensibility Message Bus 1.2.6 (master@34d6af2)
Provides common messaging-based MEF services for loosely coupled Visual Studio extension components communication and integration.

IntelliCode Extension 1.0
IntelliCode Visual Studio Extension Detailed Info

Microsoft Azure Tools 2.9
Microsoft Azure Tools for Microsoft Visual Studio 2019 - v2.9.30924.1

Microsoft Continuous Delivery Tools for Visual Studio 0.4
Simplifying the configuration of Azure DevOps pipelines from within the Visual Studio IDE.

Microsoft JVM Debugger 1.0
Provides support for connecting the Visual Studio debugger to JDWP compatible Java Virtual Machines

Microsoft Library Manager 2.1.113+g422d40002e.RR
Install client-side libraries easily to any web project

Microsoft MI-Based Debugger 1.0
Provides support for connecting Visual Studio to MI compatible debuggers

Microsoft Visual C++ Wizards 1.0
Microsoft Visual C++ Wizards

Microsoft Visual Studio Tools for Containers 1.1
Develop, run, validate your ASP.NET Core applications in the target environment. F5 your application directly into a container with debugging, or CTRL + F5 to edit & refresh your app without having to rebuild the container.

Microsoft Visual Studio VC Package 1.0
Microsoft Visual Studio VC Package

Mono Debugging for Visual Studio 16.8.43 (00471f8)
Support for debugging Mono processes with Visual Studio.

NuGet Package Manager 5.8.0
NuGet Package Manager in Visual Studio. For more information about NuGet, visit https://docs.nuget.org/

ProjectServicesPackage Extension 1.0
ProjectServicesPackage Visual Studio Extension Detailed Info

SQL Server Data Tools 16.0.62010.06180
Microsoft SQL Server Data Tools

TypeScript Tools 16.0.21016.2001
TypeScript Tools for Microsoft Visual Studio

Visual Basic Tools 3.8.0-5.20519.18+4c195c3ac1974edcefa76774d7a59a2350ec55fa
Visual Basic components used in the IDE. Depending on your project type and settings, a different version of the compiler may be used.

Visual F# Tools 16.8.0-beta.20507.4+da6be68280c89131cdba2045525b80890401defd
Microsoft Visual F# Tools

Visual Studio Code Debug Adapter Host Package 1.0
Interop layer for hosting Visual Studio Code debug adapters in Visual Studio

Visual Studio Container Tools Extensions 1.0
View, manage, and diagnose containers within Visual Studio.

Visual Studio Tools for Containers 1.0
Visual Studio Tools for Containers

VisualStudio.DeviceLog 1.0
Information about my package

VisualStudio.Foo 1.0
Information about my package

VisualStudio.Mac 1.0
Mac Extension for Visual Studio

Xamarin 16.8.000.255 (d16-8@d002176)
Visual Studio extension to enable development for Xamarin.iOS and Xamarin.Android.

Xamarin Designer 16.8.0.507 (remotes/origin/d16-8@e87b24884)
Visual Studio extension to enable Xamarin Designer tools in Visual Studio.

Xamarin Templates 16.8.112 (86385a3)
Templates for building iOS, Android, and Windows apps with Xamarin and Xamarin.Forms.

Xamarin.Android SDK 11.1.0.17 (d16-8/c0e2b8e)
Xamarin.Android Reference Assemblies and MSBuild support.
Mono: be2226b
Java.Interop: xamarin/java.interop@79d9533
ProGuard: Guardsquare/proguard@ebe9000
SQLite: xamarin/sqlite@1a3276b
Xamarin.Android Tools: xamarin/xamarin-android-tools@2fb1cbc

Xamarin.iOS and Xamarin.Mac SDK 14.4.1.3 (e30c41de3)
Xamarin.iOS and Xamarin.Mac Reference Assemblies and MSBuild support.

Screenshots

Page 1 (correct layout)
xf page 1

Page 1 (incorrect layout after resizing window)
xf page 1 after resize

Page 2 (correct layout)
xf page 2

Page 2 (incorrect layout after resizing window)
xf page 2 after resize

Reproduction Link

UwpShellTestProjectWindowResize.zip

@holecekp holecekp added s/unverified New report that has yet to be verified t/bug 🐛 labels Nov 22, 2020
@samhouts samhouts added this to New in Triage Nov 22, 2020
@hartez hartez added a/shell 🐚 a/layout and removed s/unverified New report that has yet to be verified labels Nov 25, 2020
@hartez hartez added this to To do in UWP Ready For Work via automation Nov 25, 2020
@hartez hartez added this to Backlog in Shell via automation Nov 25, 2020
@hartez hartez removed this from New in Triage Nov 25, 2020
@hartez hartez added the e/5 🕔 5 label Nov 25, 2020
@holecekp
Copy link
Author

Is there any update on this issue, or a workaround? I have an application in production that is affected by the bug (essentially, all Xamarin.Forms applications with Shell are affected). Breaking the layout by a window resize does not make applications to look very professional :-(.

@drossoft
Copy link

drossoft commented Jul 5, 2021

Any workaround to solve this? Same issue in my App.

@MorenoPossamaiCMZ
Copy link

In my app, when I resize the app window, also the current page is cropped at the bottom.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
Shell
  
Backlog
Development

No branches or pull requests

5 participants