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

我正在合并 react-select与 Grommet并在 Grommet FormField 组件中进行选择，如下所示:

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

在较小的屏幕上，它工作正常:

但在较大的屏幕上，选择的内容在父 (FormField) 容器内是可滚动的:

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

还有什么要检查或尝试的想法吗？

最佳答案

我遇到了同样的问题。为我修复它的是在 Grommet UX FormField 组件上设置以下内容。

溢出:继承!重要；

关于css - 避免选择内容在父级内滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37266467/