如何在虚拟化列表中使用select下拉列表？

Question

我目前正在开发一个具有虚拟列表(https://github.com/bvaughn/react-virtualized)的react应用程序。列表中的项可能包含一个select下拉列表。

现在的问题：虚拟化列表隐藏溢出。因此，没有显示最后一个下拉列表，您不能向下滚动以查看下拉列表的内容：

​

​

=================这里是图像结束的地方，================

我不知道如何在不更改虚拟化列表代码的情况下解决这个问题。外面有人吗？

Answer 1

react虚拟化不能使用overflow: visible而不破坏滚动行为(这是反应虚拟化工作方式的关键)。所以，就像你观察到的那样，像跌落这样的事情会被剪掉。

对于那些想要将下拉菜单之类的东西放在反应虚拟化行中的人来说，我通常推荐的是使用门户。这允许菜单内容在单个行(甚至整个List)之外展开，而无需裁剪。

我过去曾在这方面使用过tajo/react门户。