Popup displayed behind modal

[NovaKs68]

Issue : Mopups displayed behind Shell Modals
How to reproduce :

Steps that work :

1. Open a Shell Page.
2. In this page, open a Mopup dialog.
3. The Mopup is visible in front of the Page.

Steps with problems :

1. Open a Shell Modal.
2. In this modal, open a dialog Mopup.
3. It opens behind the modal. Go back and you'll see the Mopup.

.Net version : 9.0
Tested platform : Android emulator
Repo for reproduction : https://github.com/NovaKs68/TestMaui

[jyamona]

Same issue here. It also is affecting non-shell apps as well.

Steps to reproduce:

1. On a navigation page, push a modal using PushModalAsync();
2. On that modal page, try to display a Mopup.
3. It opens behind the modal, if you close the modal you will see the Mopup.

.NET 9.0
Testing on a few physical Android devices. iOS works as intended.

[afk013]

Duplicate of #82

[BillFulton]

It's an extremely serious limitation. Hoping for a release that will fix this.

[arosanti]

Anyone have a workaround for this at all?

[vecalion]

Anyone have a workaround for this at all?

We migrated to MCT Popups (https://learn.microsoft.com/en-us/dotnet/communitytoolkit/maui/views/popup), and it was surprisingly easy to do. Not sure if that qualifies as a workaround, though :)

[DashTheDev]

Check out my pretty bleh workaround @arosanti.

Since the way MAUI presents Modals changed in .NET 9, popups don't appear in front as Modals are their own fragments now. This is also alluded to in #82.

To address this, I sticky taped the code in the AndroidMopups.cs to account for that so that popups appear in front of the top fragment, whether that's a dialog fragment or the main activity window. It's been working for me for the past 3-4 months, no problems so far. Obviously the code can be improved and it doesn't account for every window & fragment setup, etc, etc. But it works for now.

See below for the workaround version of AndroidMopups.cs (at least the changes), specifically the DecoreView property and the GetTopFragmentDecorView() method.

public class AndroidMopups : IPopupPlatform
{
    private static FrameLayout? DecoreView => GetTopFragmentDecorView();

    ...

    public Task AddAsync(PopupPage page)
    {
        ...
        var androidNativeView = handler.PlatformView as Android.Views.View;
        DecoreView?.AddView(androidNativeView);
        ...
    }

    // TODO: This fixes https://github.com/LuckyDucko/Mopups/issues/82. But we should monitor and implement their fix when it's done
    private static FrameLayout? GetTopFragmentDecorView()
    {
        if (Platform.CurrentActivity is not ComponentActivity componentActivity)
        {
            return null;
        }

        IList<AndroidX.Fragment.App.Fragment>? fragments = componentActivity.GetFragmentManager()?.Fragments;

        if (fragments is null || !fragments.Any())
        {
            return null;
        }

        AndroidX.Fragment.App.Fragment topFragment = fragments[^1];

        if (topFragment is AndroidX.Fragment.App.DialogFragment dialogFragment)
        {
            return dialogFragment.Dialog?.Window?.DecorView as FrameLayout;
        }

        return topFragment.Activity?.Window?.DecorView as FrameLayout;
    }
    
   ...
}

[happyfr34k]

Can we expect an official fix in the short to medium term?
Mopups are now unusable in our project... :-(