Shell.Current.FlyoutIsPresented = true does not toggle the first time on Android

[SailDev]

Description

Shell.Current.FlyoutIsPresented inside a button click event handler toggles flyout only after flyout was manually swiped one time.

Steps to Reproduce

1. Run the attached example.
2. Tap on the "Toggle Flyout" button.
3. Nothing happens.
4. Swipe flyout manually.
5. Tap on the "Toggle Flyout" button again.
6. Now it works as expected.

Version with bug

6.0.400 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 11

Did you find any workaround?

No response

Relevant log output

No response

MauiApp7.zip

[JkPersson]

Also,
If you replace step 4 in the description above with navigating (GotoAsync in label TapGestureRecognizer command), the flyout will be shown instead of the navigated page.

[kristinx0211]

verified repro on android with above project:
https://user-images.githubusercontent.com/99457000/175259094-e1134168-fb67-430d-88bc-777af0518e0f.mp4

[ghost]

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.

[theadin]

Came across this issue too. It seems like a serious bug to me. I trust the team can fix it quickly :-)
Is there any workaround for this in the meantime?

[ViniciusAugustoRR]

has anyone found a workaround yet ?

[theadin]

@ViniciusAugustoRR ,
Try adding these two lines before setting the FlyoutIsPresented to true:

Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
Shell.Current.FlyoutIsPresented = true;

[ViniciusAugustoRR]

@ViniciusAugustoRR , Try adding these two lines before setting the FlyoutIsPresented to true:

Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
Shell.Current.FlyoutIsPresented = true;

it worked, thanks a lot

[riccardominato]

@ViniciusAugustoRR , Try adding these two lines before setting the FlyoutIsPresented to true:

Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
Shell.Current.FlyoutIsPresented = true;

That's very helpful, but I had to guarantee that those statements are executed exactly once.
Otherwise, the button only works the first time.

#if ANDROID
if (!_alreadyOpen)
{
    Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
    Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
    _alreadyOpen = true;
}
#endif

Shell.Current.FlyoutIsPresented = !Shell.Current.FlyoutIsPresented;

Edit

I added #if ANDROID to my example, because doing this on iOS has an unexpected behavior.

[ViniciusAugustoRR]

@ViniciusAugustoRR , Try adding these two lines before setting the FlyoutIsPresented to true:

Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
Shell.Current.FlyoutIsPresented = true;

That's very helpful, but I had to guarantee that those statements are executed exactly once. Otherwise, the button only works the first time.

if (!_alreadyOpen)
{
    Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
    Shell.Current.FlyoutBehavior = FlyoutBehavior.Flyout;
    _alreadyOpen = true;
}

Shell.Current.FlyoutIsPresented = !Shell.Current.FlyoutIsPresented;

I figured something similar to this, just less fancy lol (Used a counter instead of a bool :P), but thanks for the tip !

[XamlTest]

Verified this on Visual Studio Enterprise 17.7.0 Preview 1.0. Repro on Android 13.0 with below Project:
MauiApp7.zip

[stoff99]

Still happen with newest .net8 preview ...

In my app i use an own action button placed in the top right of the navigation bar instead of the typical flyout burger menu in the top left.

This is my workaround for now:

`
#if ANDROID

        if (Shell.Current.FlyoutIsPresented)

        {
            Shell.Current.FlyoutBehavior = FlyoutBehavior.Disabled;
            Shell.Current.FlyoutIsPresented = false;
        }
        else
        {
            Shell.Current.FlyoutBehavior = FlyoutBehavior.Locked;
            Shell.Current.FlyoutIsPresented = true;

        }

#elif IOS

        Shell.Current.FlyoutIsPresented = !Shell.Current.FlyoutIsPresented;

#endif
`