Uploaded image for project: 'Compass '
  1. Compass
  2. COMPASS-5151

z-index on APB toolbar is too large compared to modal

    XMLWordPrintableJSON

Details

    • Not Needed
    • Iteration Novokuybyshevsk

    Description

      Problem Statement/Rationale

      When using version 8.13.0 of @mongodb-js/compass-aggregations in MMS, I noticed that the z-index of the toolbar is too large compared to the z-index of the modals. This results in the buttons showing up on top of the modal. Does not appear that this happens inside the compass app, but when using the component on its own this is an issue.

      Edit: This also applies when the settings side bar is open and you click the modal.

      Steps to Reproduce

      Use the AggregationsPlugin and click the new pipeline or "new pipeline from text" buttons. See attached screenshot for example.

      Expected Results

      Buttons should appear behind the modal.

      Actual Results

      Buttons are appearing in front of the modal.

      Additional Notes

      Either the modal needs to explicitly set a z-index higher than those of the buttons or the buttons should not set a z-index at all.

      Attachments

        Activity

          People

            rhys.howell@mongodb.com Rhys Howell
            julia.ruddy@mongodb.com Julia Ruddy (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: