css - 避免选择内容在父级中可滚动

我将react-select与Grommet组合在一起，并在Grommet FormField组件内进行选择，如下所示：

<FormField label="Country">
   <Select options={options}/>
</FormField>

在较小的屏幕上，它可以正常工作：



但是在较大的屏幕上，选择内容可以在父级（FormField）容器内滚动：



如果将position: absolute切换为关闭，则选择内容显示在容器外部，但会调整整个表单的大小：



关于其他需要检查或尝试的想法？

最佳答案

我有同样的问题。对我而言，解决此问题的方法是在Grommet UX FormField组件上设置以下内容。

overflow: inherit !important;