Я реализовал поле автозаполнения множественного выбора на основе Downshift с демонстрацией Popper Material-UI . Это работало до тех пор, пока я не попытался повторно использовать компонент в диалоге Material-UI . Popper появляется за маской Dialog.
Я изменил демонстрацию Material-UI в качестве примера такого поведения: https://codesandbox.io/s/76moj1mq1.
Глядя на старое решение для автозаполнения Material-UI, оно использует Popover вместо Popper. Я попытался подставить это, чтобы увидеть, будет ли z-index выше, чем у Dialog, но я думаю, что Popover крадет фокус у Downshift таким образом, что вызывает автоматическое завершение, чтобы закрыться сразу после его открытия. Вот пример, снова модифицирующий демо Material-UI https://codesandbox.io/s/wk84p1myz7.
Любые идеи о том, как я могу заставить любой подход работать?