adobe / adobe/react-spectrum

Using nested dialogs seems to depend on including a custom `<ModalOverlay/>`

Open
#6,531 2 comments 0 reactions 0 assignees View on GitHub
bug documentation
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### 🙋 Documentation Request

I've been trying to use several dialog components nested inside each other.

I've noticed through trial and error that without a `` in the mix, this simply doesn't work at all: opening one dialog opens them all simultaneously, and once open they can't be closed again.

My code now resembles this, which works:

```

Open me!



{({ close }) => (
<>
Close

Example dialog


Example content

Open me!



{({ close }) => (
<>
Close

Example dialog


Example content

)}





)}




```

I'm not sure why including `` has this effect, so it could be worth a note in the docs on how to properly orchestrate nested dialogs?

### 🧢 Your Company/Team

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.