antd Modal弹窗中Select下拉框,Input输入历史框等 跟随底层滚动 与表单域分离位置错乱
如果在弹窗中嵌套了包含下拉框的表单,很有可能会遇到滚动时下拉框跟随的不是弹窗这一层,而是底层,会导致位置错乱。
如果是Select,只需要添加一个属性:getPopupContainer={triggerNode => triggerNode.parentNode}
<Select getPopupContainer={triggerNode => triggerNode.parentNode}></Select>
此属性可以将下拉弹层渲染节点固定在触发器的父元素中(默认是渲染在body上)
如果是Input,它的框其实是原生input带有的autoComplete属性,会自动展示历史输入数据,最简单的方法就是关闭这个属性 autoComplete=“off”
<Input autoComplete="off"/>