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

#javascript #reactjs #scroll #autocomplete

#javascript #reactjs #прокрутка #автозаполнение

Вопрос:

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

Я не могу найти причину проблемы. Поэтому, пожалуйста, помогите!!

Это ссылка code-sandbox (чтобы воспроизвести проблему, сначала используйте прокрутку с помощью полосы прокрутки на главной странице, затем откройте add item modal и используйте в нем второе поле ввода, которое является тем же компонентом автозаполнения).

Комментарии:

1. Я столкнулся с той же проблемой, за исключением bootstrap и angular. Я обнаружил, что если вы удалите tabindex=»-1″ из модального (ReactModal__Content) в инструментах разработки, это устранит проблему. Не идеальное решение, потому что нам нужен этот tabindex