Ant design - 选择覆盖下拉菜单位置

Question

我有一个带有几个选项的选择组件。在选择菜单的正下方有一个按钮。由于当我单击“选择”按钮以防止重叠时，我的下拉菜单会自动转到组件的顶部。我想要重叠，但我不知道如何在“选择”中为下拉菜单设置底部中心的位置。是否可以在不完全覆盖 dropdownRender 的情况下做到这一点？谢谢你。

我的代码

return (
    <Select mode="multiple" allowClear style={{ width: '100%'}} 
           placeholder="Search here" onChange={handleChange}> 
        {children}
     </Select>
)

Answer 1

试试这个道具：

dropdownAlign={{ offset: [-40, 4] }}

Answer 2

对于最新版本的 ant design Dropdown 属性应该是

align={{ offset: [-40, 4] }}

文档中没有，但可以找到 这里

Answer 3

对于那些来自 google 的人：

修复 Ant Design Select Option 在固定位置打不开的问题

解决方案是在

getPopupContainer

上使用

Select

，如下所示：

<Select
       getPopupContainer={trigger => trigger.parentNode}
/>

文档