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

Question

我将react-select与Grommet结合使用，并在 Grommet FormField 组件中进行选择，如下所示：

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

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

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

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

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

Answer 1

我有同样的问题。为我解决的问题是在 Grommet UX FormField 组件上设置以下内容。

overflow: inherit !important;