当工具提示太靠近窗口边缘时,rc-tooltip 会闪烁

问题描述 投票:0回答:1

我注意到 rc-tooltip 包存在一个问题,即当工具提示太靠近窗口边缘时,工具提示会闪烁,并且似乎无法决定将其放置在何处。当工具提示的位置设置为顶部/底部并且没有足够的左/右空间来显示工具提示的内容时,似乎会发生这种情况。这种情况发生在 Chrome 和 Safari(不是 FF)上,甚至似乎也是他们的演示的问题。

有人遇到过这个问题吗?如果是这样,你是如何绕过它的。我正在使用最新版本的 rc-tooltip。有没有早期版本没有这个问题?我直接从 rc-tooltip 演示中添加了该问题的屏幕录制。

https://react-component.github.io/tooltip/demo/arrow-content

screen recording

预期的行为是按照放置属性中的指定将工具提示显示在顶部/底部。

reactjs tooltip
1个回答
0
投票

我找到了解决方案。当未通过

width
属性在覆盖组件上指定
overlayClassName
时,似乎会发生此问题。
width: max-content
似乎解决了这个问题

© www.soinside.com 2019 - 2024. All rights reserved.