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

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

XMLWordPrintableJSON

    • Not Needed
    • Iteration Novokuybyshevsk

      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.

        1. Screen Shot 2021-10-12 at 10.34.23 AM.png
          Screen Shot 2021-10-12 at 10.34.23 AM.png
          80 kB
        2. Screen Shot 2021-10-12 at 10.34.29 AM.png
          Screen Shot 2021-10-12 at 10.34.29 AM.png
          62 kB
        3. Screen Shot 2021-10-12 at 11.24.11 AM.png
          Screen Shot 2021-10-12 at 11.24.11 AM.png
          92 kB

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

              Created:
              Updated:
              Resolved: