Always opened Dialog not visible

[ooga]

What component (if applicable)

• URL for category: https://catalyst.tailwindui.com/docs/dialog
• Component name: Dialog

Describe the bug
Dialog is not visible when mounted with open={true}
The overlay is not visible but prevent to interact with component behind
The Dialog and the overlay are added in the DOM (see Screenshot)

Expected behavior
Dialog is visible

Screenshots

Additional context
I'm actually forced to delay Dialog mount to make it work

const [open, setOpen] = useState(false);
useEffect(() => {
  if (!open) {
    setOpen(true);
  }
}, []);

[RobinMalfait]

Hey!

This looks like an isolate / z-index related issue but hard to tell. It's confusing that the delay via useEffect does make it work. Are there other dialog-like components involved at the same time?

Could you share a minimal reproduction repo so we can take a look?