我注意到 rc-tooltip 包存在一个问题,即当工具提示太靠近窗口边缘时,工具提示会闪烁,并且似乎无法决定将其放置在何处。当工具提示的位置设置为顶部/底部并且没有足够的左/右空间来显示工具提示的内容时,似乎会发生这种情况。这种情况发生在 Chrome 和 Safari(不是 FF)上,甚至似乎也是他们的演示的问题。
有人遇到过这个问题吗?如果是这样,你是如何绕过它的。我正在使用最新版本的 rc-tooltip。有没有早期版本没有这个问题?我直接从 rc-tooltip 演示中添加了该问题的屏幕录制。
https://react-component.github.io/tooltip/demo/arrow-content
预期的行为是按照放置属性中的指定将工具提示显示在顶部/底部。
我找到了解决方案。当未通过
width
属性在覆盖组件上指定 overlayClassName
时,似乎会发生此问题。 width: max-content
似乎解决了这个问题