AntD Dropdown嵌套子菜单始终向下展开的配置方法咨询
AntD嵌套子菜单始终向下展开的解决方案
- 一级下拉菜单通过设置
autoAdjustOverflow={false}实现始终向下展开的逻辑已生效,无需调整 - 针对二级嵌套的SubMenu,需给目标
SubMenu组件添加popupProps配置,在其中同时设置autoAdjustOverflow={false}和指定弹出位置(如bottomLeft),强制子菜单从父菜单底部向下展开。
关键代码片段:
<SubMenu key="submenu" title="submenu" popupProps={{ autoAdjustOverflow: false, placement: 'bottomLeft' }} > <Menu.Item key="3">inner item 1</Menu.Item> <Menu.Item key="4">inner item 2</Menu.Item> </SubMenu>
这样设置后,子菜单会忽略页面边界的自动调整逻辑,始终保持从父菜单底部向下展开的行为。
内容的提问来源于stack exchange,提问作者Виталич
相关产品推荐
相关产品推荐

