我有一个React Bootstrap Modal，其中有一个Reach UI组合框。问题是，当项目在页面上时，我可以从组合框中选择项目，但在Modal中单击鼠标左键（它使用向下箭头并点击Enter键进行选择）。onSelect在Modal中时不会触发。
我在https://codesandbox.io/s/staging-butterfly-42fo2?file=/src/App.js有一个代码沙箱，在那里重现了这个问题。
问题是什么？如何让点击生效？
我有一个React Bootstrap Modal，其中有一个Reach UI组合框。问题是，当项目在页面上时，我可以从组合框中选择项目，但在Modal中单击鼠标左键（它使用向下箭头并点击Enter键进行选择）。onSelect在Modal中时不会触发。
我在https://codesandbox.io/s/staging-butterfly-42fo2?file=/src/App.js有一个代码沙箱，在那里重现了这个问题。
问题是什么？如何让点击生效？
2条答案
按热度按时间nqwrtyyt1#
我发现玩弄代码并将www.example.com设置https://reach.tech/combobox#comboboxpopover-portaltofalse对我很有效。
给予看。
格尔夫
busg9geu2#
将ComboboxPopover的“portal-props”设置为“false”将有效：