Как создать немодальный диалог в Material-UI

Question

Я пытаюсь создать диалоговое окно в пользовательском интерфейсе материала, которое не блокирует основное содержимое.

С помощью моего кода ниже я могу только скрыть фон, но не могу отключить фон.

 <Dialog open={this.state.open}  onClose={this.handleClose} hideBackdrop={true} > 

Может кто-нибудь, пожалуйста, расскажите мне о том, как создавать модалы с использованием material-ui, который не блокирует основной контент

Answer 1

Такое поведение присуще модалам, а Dialog основано на Modal. Если вы не хотите, чтобы он блокировал основной контент, тогда можно использовать Popper вместо Dialog .