Ant|Ant Design下拉框、时间框等选择菜单漂移问题处理方案
问题描述及分析:
文章图片
出现下拉框的选择菜单,“灵魂”漂移的问题主要在于,选择菜单必须有挂载的父类组件。只有将选择菜单挂载到相对应的父类组件中,选择菜单便会跟随父类组件来移动。下面介绍一下两种解决方案:
方法一:
就近选择父类组件定义ID,通过dom操作进行挂载,如下
````
id="area">
defaultValue="https://www.it610.com/article/lucy"
style={{ width: 120 }}
getPopupContainer={() => document.getElementById('area')}
>
````
方法二:
在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}”属性即可。
【Ant|Ant Design下拉框、时间框等选择菜单漂移问题处理方案】````
getPopupContainer={triggerNode => triggerNode.parentNode}>
// some
````
备注:时间下拉框与普通下拉框的api属性不同,可查阅文档。通过getCalendarContainer()来解决漂移问题。
推荐阅读
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- tableView|tableView 头视图下拉放大 重写
- [译文]Domain|[译文]Domain Driven Design Reference(四)—— 柔性设计
- Vagrant|Vagrant (三) - 网络配置
- The|The ideal servant
- Java并发编程|Java并发编程 - 深入剖析ReentrantLock之非公平锁加锁流程(第1篇)
- 【天馬座|【天馬座 ? 翼ノ幻想】~《The Pegasus Fantasy》
- 【论文总结】Zero-Shot|【论文总结】Zero-Shot Semantic Segmentation
- WARN|WARN [launcher]: PhantomJS have not captured in 60000 ms, killing
- Vagrant|Vagrant (四) Advanced of Box