mui / mui/base-ui

[dialog] Allow elements outside of modal dialogs to be focusable

Open
#3,750 9 comments 49 reactions 0 assignees View on GitHub
component: dialog waiting for 👍
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

Hey, we have a floating button that always appears above all other elements, including dialogs. Now we want to work with base-ui's dialog. Is it possible for an element outside the dialog context to remain visible and accessible (focusable)? The information [here](https://base-ui.com/react/components/dialog#placing-elements-outside-the-popup) does not help, as the button in our use case is outside the dialog in the DOM as well.

See [StackBlitz](https://stackblitz.com/edit/q3fgylv5?file=src%2FApp.tsx) attempted implementation

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.