search

dotnet / maui

.NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
https://dot.net/maui
MIT License
22k stars 1.72k forks source link

WinUI: NavigationPage transitions show white window/background behind content #11809

Open ArrowCase opened 1 year ago

ArrowCase commented 1 year ago

Description

When using PushAsync and PopAsync to transition with NavigationPage on Windows 10, a white background appears at the edges of the window where the transition is occurring. This area is always white even when the content page has a different background color or a background image.

00 01

https://user-images.githubusercontent.com/44978869/205174626-1b78a566-0b66-4431-9876-1892136c2070.mp4

Steps to Reproduce

  1. Create a new MAUI app
  2. Replace MainPage = new AppShell() with MainPage = new NavigationPage(new MainPage()) in App.xaml.cs
  3. Add a second content page and give both pages a background color other than white
  4. Write event handlers in the code behind to allow navigating between the two pages with App.Current.MainPage.Navigation.PushAsync/PopAsync

Expected behavior: The transition animation is seamless.

Actual behavior: A white background is visible during the transition.

NOTE: The linked repro project is passing animated: false to PushAsync/PopAsync because of another bug report I'm filing. You can change it to animated: true, but the white background is visible either way (due to the other bug).

Link to public reproduction project repository

https://github.com/ArrowCase/TestMauiTransition

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows SDK 10.0.19041.0

Did you find any workaround?

None.

Relevant log output

No response

ghost commented 1 year ago

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.

homeyf commented 1 year ago

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 4.0. Can repro on Windows platform with sample project. https://github.com/ArrowCase/TestMauiTransition demo3

RuddyOne commented 2 months ago

Dare I ask if this is going to be fixed? The UX is horrible for users seeing this.

I'm going to guess it being a windows issue that this issue will forever be stuck here. Reported at the end of 2022 by the way.