Использование KendoReact DropDownList в модальном ReactBootstrap
когда я использую KendoReact DropDownList в Модальный ReactBootstrap, расширенный список появляется ПОД модальным, поэтому с ним нельзя взаимодействовать.
Я прочитал несколько проблем, которые указывали на потерю фокуса, что не совсем мой случай, из-за того, что всплывающее окно Kendo было добавлено к телу, а не к самому модальному, и поддержка «appendTo» кажется мне хорошим решением но он существует только для компонента Kendo PopUp, а не для компонента Kendo DropDownList (который использует основу PopUp)...
Я сделал репо, иллюстрирующее эту проблему: https://github.com/lePioo/react_kendo_dropdown_into_bootstrap_modal
И ЖИВАЯ демонстрация для этого репо (требуется некоторое время для загрузки): https://react-kendo-dropdown-into-boot.herokuapp.com/
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Установите больший z-индекс для контейнера анимации всплывающего окна с помощью CSS. И это будет поверх модального, чтобы разрешить это.
.k-animation-container{
z-index: 10000
}
Оставьте его для визуализации в документе. Поскольку, если вы визуализируете его с помощью appendTo в Modal, DropdDown не будет полностью виден при открытии, или в вашем диалоговом окне появится полоса прокрутки. Это цель, с которой он отображается в документе.