Tooltip的getPopupContainer改变浮层渲染父节点

在使用antd-design组件Tooltip的过程中,使用api上的getPopupContainer属性去改变浮层渲染的父节点。代码部分:
<Tooltip placement="bottomRight" title={content} trigger="click"

                 getPopupContainer={() => document.getElementsByClassName("TabsWarp")}>
            <Icon type="caret-down" className = "SelectDown"/>
        </Tooltip>
        

控制台监控情况:

clipboard.png

clipboard.png

clipboard.png

这个是bug还是我使用的方法不对?求大神thank you

阅读 25.4k
4 个回答

getPopupContainer={trigger => trigger.parentNode},这样写就可以了

getPopupContainer 要求返回值是一个 DOM 元素,getElementsByClassName 返回的不是一个 DOM 元素。

今天也遇到了这个问题,然后今天解决了,所以就想写一下:
getPopupContainer 返回值是一个DOM元素,那么你可以用document.querySelector('. TabsWarp'),代码如下:
getPopupContainer={()=>document.querySelector('.TabsWarp')}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏