One frame flyout bug on a tab bar menu

Adam222372 commented 3 months ago

Description

While bulding my simple app I´ve notice a little bug (dont know if its a feature or not) showing a flyout menu on few frames in only tab bar menu app in case of user decided to do back one step

https://youtube.com/shorts/XcPQN9AkTFY?feature=share

Here is my code I used in MainViewModel:

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace MauiApp1.ViewModel;
public partial class MainViewModel : ObservableObject
{
    [RelayCommand]
    async Task AddChat()
    {
        await Shell.Current.GoToAsync(nameof(NewChatPage));
    }
}

AppShell.xaml.cs:

namespace MauiApp1
{
    public partial class AppShell : Shell
    {
        public AppShell()
        {
            InitializeComponent();
            Routing.RegisterRoute(nameof(NewChatPage), typeof(NewChatPage));
        }
    }
}

MauiProgram.cs:

namespace MauiApp1.Other
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                    fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                    fonts.AddFont("Helvetica-Bold.ttf", "Helveticabold");
                });

#if DEBUG
            builder.Logging.AddDebug();
#endif
            builder.Services.AddSingleton<MainPage>();
            builder.Services.AddSingleton<MainViewModel>();

            builder.Services.AddSingleton<NewChatPage>();
            builder.Services.AddSingleton<NewChatViewModel>();
            return builder.Build();
        }
    }
}

Steps to Reproduce

No response

Link to public reproduction project repository

No response

Version with bug

8.0.61 SR6.1

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

8.0.61 SR6.1

Affected platforms

Android

Affected platform versions

No response

Did you find any workaround?

No response

Relevant log output

No response

github-actions[bot] commented 3 months ago

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

Tabbar of TabbedPage showed in Flyout after re-appearing - Android (#19989), similarity score: 0.78

Closed similar issues:

Flyout shown for a moment when interacting with a backbutton in Android Shell (#22649), similarity score: 0.83
Flyout button is visible for a split second when navigating back to home page in Android (#22144), similarity score: 0.80
Navigating using flyout menu causes all items after first item in TabBar to dissapear. (#13134), similarity score: 0.80
MAUI Shell Flyout unwanted click through behavior (#21097), similarity score: 0.78

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

postalservice14 commented 2 months ago

Looks like a duplicate of this? https://github.com/dotnet/maui/issues/18867

kevinxufei commented 1 month ago

I can repro this issue at Android platform on the latest 17.12.0 Preview 1.0(8.0.80 & 8.0.3 & 8.0.0-rc.1.9171)

QianaJiao commented 1 month ago

Yes, this issue is similar as https://github.com/dotnet/maui/issues/18867 And it does not repro on .NET 7 7.0.101, I'd like to add an i/regression label. Animation

dotnet / maui