search

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.86k stars 3.91k forks source link

nz-tooltip: [touch only] hover tooltip persists when a modal is opened #5765

Open jornetsimon opened 4 years ago

jornetsimon commented 4 years ago

Reproduction link

https://stackblitz.com/edit/ng-zorro-tooptip-modal-persist?file=src/app/app.component.ts

Steps to reproduce

Go to responsive view in dev tools and make sure you use the touch emulation. Place an element with a tooltip in hover mode. Now make the element show a modal on click.

What is expected?

The tooltip should be discarded and only the modal should remain opened.

What is actually happening?

Both the modal and the tooltip show up.

Result

Environment Info
ng-zorro-antd 9.3.0
Browser Chrome 85
wzhudev commented 3 years ago

ng-zorro-antd is now optimized for mobile devices. As a temporary solution, you can manually hide the tooltip when the button is blurred. You can also try ng-zorro-antd-mobile.