Не удается щелкнуть элементы под фоном Material-UI Popover, когда он открыт

Question

Я не могу получить такое поведение с компонентом Popover Material-UI.

У меня есть этот пример кода здесь: https://codesandbox.io/s/88z3nq96jl Шаги, чтобы увидеть проблему:

1. Когда я нажимаю кнопку Filter1, появляется всплывающее окно.
2. Затем, когда я нажимаю кнопку Filter2, всплывающее окно Filter1 закрывается.
3. Затем мне нужно щелкнуть еще раз, чтобы открыть всплывающее окно Filter2.

Но я не хочу дважды щелкать, когда один из всплывающих окон открыт, мне нужно, чтобы он закрыл предыдущий и одновременно открыл нужный.

Я думаю, что фон останавливает щелчоксобытия распространяются, поэтому фильтр за ним никогда не нажимается.Есть ли способ, которым я могу избежать этого?

Answer 1

Я думаю, что пользовательский интерфейс материала Popper подходит для вашего случая из документации:

Прокрутка и щелчок мышью не блокируются, как с компонентом Popover.Размещение поппера обновляется с доступной областью в области просмотра.

Демо :