Antd中使用Select遇到的问题

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;
}}

哈哈,完美解决~
又少了两根头发~

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值