Ng-zorro-antd: popover和tooltip 一起使用时事件异常

Created on 3 Jun 2020  ·  6Comments  ·  Source: NG-ZORRO/ng-zorro-antd

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 位) |

Popover help wanted 👨‍🏭 Some one working on this

Most helpful comment

I will fix this.

All 6 comments

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

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) |

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.

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一样。

@nitmali 欢迎提交 PR

I will fix this.

Closed by #5449.

Was this page helpful?
0 / 5 - 0 ratings