Blazor Modal in submenu goes under menu

[sturlath]

I have this modal window that shows up under the menu items it originates from.

I´m adding this menu item and then just open the modal

  public class StreamEventSettingComponentContributor : ISettingComponentContributor
  {
      public async Task ConfigureAsync(SettingComponentCreationContext context)
      {
          var l = context.ServiceProvider.GetRequiredService<IStringLocalizer<BeinniResource>>();
          context.Groups.Add(
              new SettingComponentGroup(
                  "Beinni.Tenant.Subscripion",
                   l["YourSubscriptions"],
                  typeof(TenantSubscribtionDetailsViewComponent)
              ));
      }
  }

the modal

<Button Clicked="()=>OpenSubscriptionModal">@L["SubscribeButton"]</Button>

<Modal @ref="SelectSubscription" Closing="@OnModalClosing">
    <ModalContent IsCentered="true" Size="ModalSize.Large">
        <Form id="SelectSubscription">
            <ModalHeader>
                <ModalTitle>@L["SelectSubscription"]</ModalTitle>
                <CloseButton Clicked="@HidePreviewModal" />
            </ModalHeader>
            <ModalBody>
                ...removed
            </ModalBody>
        </Form>
    </ModalContent>
</Modal>

Opened like this

  public async Task OpenSubscriptionModal()
  {
      await SelectSubscription.Show();
      return;
  }

Is there a way to do this in Blazor/Blazorise or do I need some CSS Z-style?

• Your ABP Framework version. 5.3.2
• Your User Interface Blazor

[sturlath]

Is abp using different z-index @enisn based on answers Megabit/Blazorise#3878 (comment) I managed to get the menu under the modal by setting the menu at 1 but if I set it to 2 it went under.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.