Компоненты пользовательского интерфейса материала, используемые с реакцией выбора, сбрасывают позицию прокрутки

Я использую @material-ui/core - ^3.5.1.

Использовал react-select - ^ 2.2.0 в моем коде. Настроили react-select с материальными компонентами пользовательского интерфейса.

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

Желаемое поведение - прокрутка до позиции выбранного элемента. Пример на сайте material-ui docs, похоже, работает нормально, но когда Я открываю ссылку данного примера в codeandbox, но это не так.

Текущий пример, он разветвлен из исходной ссылки на пример codeandbox, приведенной на сайте материалов ui docs (это пример использует material-ui-4 и response-select 3, но имеет ту же проблему). Не удалось найти настраиваемую опору для этого поведения в документации по API.

Я что-то здесь упускаю?


reactjs javascript material-ui react-select
person Ankit Utekar    schedule 05.06.2019    source источник
comment
Возникает ли эта проблема при использовании базового Select компонента или в сочетании с isMulti опорой?   -  person Rallen    schedule 05.06.2019
comment
Базовый компонент выбора   -  person Ankit Utekar    schedule 05.06.2019
comment
Можете ли вы проверить, находится ли выбранный параметр в раскрывающемся меню?   -  person Rallen    schedule 05.06.2019
comment
Да, это внутри.   -  person Ankit Utekar    schedule 06.06.2019
comment
Похоже на регресс от 2.4.4 к 3.0.0. В версии 2.4.4 он работает так, как задумано, но в версии 3.0.0 и выше он не работает вообще. Я бы рекомендовал зарегистрировать проблему в react-select репозитории GitHub. Не забудьте правильно заполнить шаблон задачи.   -  person Rallen    schedule 06.06.2019
comment
В нашем приложении есть react-select 2.2 и @ material-ui / core 3.5.1. Поэтому не уверен, что это проблема со стороны реакции-выбора.   -  person Ankit Utekar    schedule 06.06.2019
comment
Даже с версией 2.2.0 все работает как положено. Но версия material-ui, которую я пробовал, была 4.0.2, потому что предоставленная вами песочница не работает с 3.5.1.   -  person Rallen    schedule 06.06.2019

Ответы (1)


arrow_upward
1
arrow_downward

В вашей песочнице я изменил версию response-select на 2.4.4, и прокрутка восстановлена.

В package.json используйте: "react-select": "^2.4.4"

person Sim Dim    schedule 05.06.2019
comment
В приведенной выше песочнице он также работает с response-select 2.2. В нашем приложении также используется версия 2.2, но она не работает. Возможно, проблемы с версией material-ui. - person Ankit Utekar; 05.06.2019