Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

popover和tooltip 一起使用时事件异常 #5365

Closed
nitmali opened this issue Jun 3, 2020 · 6 comments
Closed

popover和tooltip 一起使用时事件异常 #5365

nitmali opened this issue Jun 3, 2020 · 6 comments
Assignees
Labels

Comments

@nitmali
Copy link

nitmali commented Jun 3, 2020

Reproduction link

https://stackblitz.com/edit/angular-9dxhuv?file=src/app/app.component.ts

Steps to reproduce

popover和tooltip 一起使用,PopoverTrigger click模式 会导致光标hover时间时直接就弹出了popover(有时候会不停闪烁);

What is expected?

hover事件时显示tooltip 文字提示,光标click事件时显示popover 气泡框

What is actually happening?

click事件失效,hover事件弹出了tooltip和popover(有时候会不停闪烁);

Environment Info
ng-zorro-antd 9.1.2
Browser Google Chrome 版本 83.0.4103.61(正式版本) (64 位)
@zorro-bot
Copy link

zorro-bot bot commented Jun 3, 2020

Translation of this issue:

When used with a popover and abnormal events tooltip

Reproduction link

[Https://stackblitz.com/edit/angular-9dxhuv?file=src/app/app.component.ts](https://stackblitz.com/edit/angular-9dxhuv?file=src/app/app. component.ts)

Steps to reproduce

 Popover and used with tooltip, PopoverTrigger click mode causes the cursor to hover directly eject the popover time (sometimes flashing);

What is expected?

Display tooltip text prompts, display popover balloon hover the cursor click event when the event

What is actually happening?

click event failure, hover event pop-up tooltip and popover (sometimes flashing);

Environment Info
Ng-zorro-antd 9.1.2
Browser Google Chrome version 83.0.4103.61 (official version) (64)

@qiurenbo
Copy link
Contributor

qiurenbo commented Jun 6, 2020

Please remove [(nzVisible)]="visible" and try again. nzVisible is a shared API between popover and tooltip. If you set visible to true which is triggered by click or hover, both components will show together.

@nitmali
Copy link
Author

nitmali commented Jun 6, 2020

Please remove [(nzVisible)]="visible" and try again. nzVisible is a shared API between popover and tooltip. If you set visible to true which is triggered by click or hover, both components will show together.

未来版本能提供每个组件对应的visible属性分别控制吗,就像title一样。

@wzhudev
Copy link
Member

wzhudev commented Jun 7, 2020

@nitmali 欢迎提交 PR

@qiurenbo
Copy link
Contributor

I will fix this.

@wzhudev wzhudev added the 👨‍🏭 Some one working on this A community member has started working on this label Jun 18, 2020
qiurenbo added a commit to qiurenbo/ng-zorro-antd that referenced this issue Jun 18, 2020
hsuanxyz pushed a commit that referenced this issue Jul 1, 2020
* fix(module:tooltip): replace public api with more specific ones #5365

* refactor(module:tooltip): refactor complex method ngOnChanges

* fix(module:tooltip): fix warnDeprecationByChanges
hsuanxyz pushed a commit to hsuanxyz/ng-zorro-antd that referenced this issue Aug 5, 2020
…ORRO#5449)

* fix(module:tooltip): replace public api with more specific ones NG-ZORRO#5365

* refactor(module:tooltip): refactor complex method ngOnChanges

* fix(module:tooltip): fix warnDeprecationByChanges
@wzhudev
Copy link
Member

wzhudev commented Aug 13, 2020

Closed by #5449.

@wzhudev wzhudev closed this as completed Aug 13, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants