Antd的select 组件设置了getPopupContainer后的问题
使用antd的select时,默认菜单渲染到父节点上,这就会导致这个样子
官网上给了一个getPopupContainer属性,用于设置菜单渲染节点
getPopupContainer={triggerNode => {
return triggerNode.parentNode || document.body;
}}
本来以为问题就这么愉快的解决了,然后发现~
排查后发现是table的columns配置中这一列有ellipsis属性,导致溢出的元素被隐藏了
果断加上
getPopupContainer={triggerNode => {
triggerNode.parentNode.parentNode.style.overflow = 'visible';
return triggerNode.parentNode || document.body;
}}
哈哈,完美解决~
又少了两根头发~