Popover inside a Modal box appears behind

[diegoulloao]

Bug report 🐞

Popover inside a modal box.

I'm using a modal to show a simple form. One of those fields has a popover. The problem is the popover appears behind the modal overlay, I tried to fix it modifying z-index manually without result.

Version & Environment

• Version of browser: Google Chrome v100.0.4896.127 (Build oficial) (arm64)
• Version of geist-ui/core: v2.3.8

Expected Behaviour

Popover inside a modal must be shown over the modal

Actual results (or Errors)

It appears behind...

I got an error: No error, it's all about css I think...

Video capture https://user-images.githubusercontent.com/45423661/167891098-18ecf1bb-4d61-4c65-8465-beb3b73380b3.mp4

[diegoulloao]

Setting z-index to 999 in the .backdrop fixes the issue.

[GripenANM]

hmmm i actually wonder if Changing the Backdrop properties will break things

[diegoulloao]

I have had no problemas so far