我正在 StencilJS 中构建一个具有工具提示的组件。
我想在 document.body 中附加此工具提示的标记,而不是在我的组件中,因为当组件包含在带有 Overflow:hidden 的元素中时,它会遇到问题(工具提示被截断)
有什么办法可以实现这一点吗?
我在 React 中有完全相同的组件,我设法通过使用修复它,ReactDOM.createPortal(tooltip, document.body)但我似乎无法在 Stencil 中找到类似的解决方案(另外,文档非常基础)。
我还尝试手动生成元素,document.createElement但这很痛苦而且太冗长,而且我有几个图标作为我想包含的组件。
另一种解决方案是将 JSX 转换为实际标记,然后我可以通过执行document.body.append(tooltip).