geist-org / geist-ui

A design system for building modern websites and applications.
https://geist-ui.dev
MIT License
4.32k stars 334 forks source link

Popover inside a Modal box appears behind #771

Open diegoulloao opened 2 years ago

diegoulloao commented 2 years ago

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

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 commented 2 years ago

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

GripenANM commented 2 years ago

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

diegoulloao commented 2 years ago

I have had no problemas so far