ant-design Tooltip组件,切换open时,会产生闪烁

slhcrj9b  于 4个月前  发布在  其他
关注(0)|答案(7)|浏览(71)

Steps to reproduce

  1. str为hidden,open为false,此时hover到组件上
  2. 点击按钮切换数据,str切换,Tooltip的open属性为undefined
  3. 观察 Tooltip 产生闪烁

What is expected?

open属性由false切换到undefined时,应该依据默认值defaultOpen来决定,不应该闪一下

What is actually happening?

产生闪烁
| Environment | Info |
| ------------ | ------------ |
| antd | undefined |
| React | react18 |
| System | win/mac/linux |
| Browser | chrome* |

rqqzpn5f

rqqzpn5f2#

从受控改成非受控不是预期的行为,不过的确可以考虑优化一下。

5ktev3wc

5ktev3wc3#

Hello @bbcvc. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @bbcvc,我们完全同意你的提议/反馈,欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支(新特性发到 feature 分支,其他发到 master 分支),务必填写 Pull Request 内的 预设模板 ,提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等,并确保 CI 通过,我们会尽快进行 Review,提前感谢和期待您的贡献。

0sgqnhkj

0sgqnhkj5#

从受控改成非受控不是预期的行为,不过的确可以考虑优化一下。

有绕行方案吗?

uajslkp6

uajslkp66#

就用受控方案呗

{str !== 'hidden' ? (
      <Tooltip open title={str}>
        <span>{str}</span>
      </Tooltip>
    ) : (
      <span>{str}</span>
    )}
rsaldnfx

rsaldnfx7#

就用受控方案呗

{str !== 'hidden' ? (
      <Tooltip open title={str}>
        <span>{str}</span>
      </Tooltip>
    ) : (
      <span>{str}</span>
    )}

切换str时会不会丢失动画?

相关问题