Пользовательский интерфейс материала - MultiSelect Popup Anchor Перемещение на Select

Question

Я заметил это при обновлении с Material UI 4.2.0 до 4.9.10, но из-за устранения неполадок, я полагаю, это поведение началось с версии 4.8.3

При использовании Select с атрибутом множественного числа всплывающее окно меню перемещается при выборе первого пункта. У меня есть другие примеры, в которых он перемещался несколько раз при выборе нескольких элементов, но в примере, который я привожу здесь, это, кажется, просто происходит при выборе первого элемента. Вот код и окно, демонстрирующее это: https://codesandbox.io/s/recursing-morse-2omxy?fontsize=14&hidenavigation=1&theme=dark

Вот тот же пример кода, но с использованием Material UI 4.8.2. Когда я выбираю элементы из этого примера, меню остается на том же месте, где оно было, когда оно появлялось: https://codesandbox.io/s/recursing-frost-pxlds?fontsize=14&hidenavigation=1&theme=dark

Мое предпочтительное поведение здесь - это второй пример, когда меню не ' не прыгай на меня, пока я выбираю. Я просмотрел API и попытался указать различные привязки, но до сих пор не смог удержать всплывающее меню от перемещения. Кто-нибудь знает, как сохранить меню на месте с версией 4.8.3 и выше?

Answer 1

Оказывается, что это ошибка пользовательского интерфейса для материала, которая должна быть исправлена ​​в версии 5. Вот обходной путь до тех пор:

    <Select
        MenuProps={{
            getContentAnchorEl: () => null,
        }}

Answer 2

Если вы добавите это в «Выбор», это предотвратит перемещение выпадающего меню независимо от количества выбранных элементов:

<Select MenuProps={{ autoFocus: true }} />