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

Tooltip stay on the left top corner when spam click #5217

Closed
batgos opened this issue May 17, 2019 · 4 comments · Fixed by #5548
Closed

Tooltip stay on the left top corner when spam click #5217

batgos opened this issue May 17, 2019 · 4 comments · Fixed by #5548

Comments

@batgos
Copy link

batgos commented May 17, 2019

Bug description or feature request:

Hello,
I have the same problem as this issue but it's closed so i don't know if i should do a new post #4300 (comment)
When trigger elements is clicked within the delay time and destroy the tooltip appears and stay at the top left corner.
If no delay and we spam click the toolip will appears quickly at the corner but disappear directly after.
Do someone have a solution or fix ?

Here is the exemple : https://stackblitz.com/edit/angular-fbpddy
Edit : Sorry for bad quality expemple
You just have to open the dropdown and spam click the info icon of the top, you will see the tooltip element stay in the body

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 3.2.0
Angular: 6

@batgos
Copy link
Author

batgos commented May 21, 2019

Here is the exemple : https://stackblitz.com/edit/angular-fbpddy
Sorry for the bad quality of it, I will improve it if necessary
Just spam click on the info icone and you will see the duplication of the tooltip

@batgos
Copy link
Author

batgos commented May 27, 2019

Do someone have an idea pls ?

@reimavronicolas
Copy link
Contributor

reimavronicolas commented Nov 14, 2019

Here's a workaround for the use case where clicking on the element (with the tooltip) hides it, and the tooltip still appears in the top left corner of the window (after the delay).

You can utilise the triggers attribute to dismiss the tooltip on click: triggers="mouseenter:click mouseenter:mouseleave"

Example:
https://stackblitz.com/edit/angular-tirenu?file=src%2Fapp%2Fapp.component.html

reimavronicolas pushed a commit to reimavronicolas/ngx-bootstrap that referenced this issue Nov 14, 2019
@kambbado
Copy link

kambbado commented Jan 5, 2020

Has anyone been able to resolve this issue? I tried adding the triggers suggested above, but all it does is display all tool-tips within the page as I hover. I'm using the 5.3.2 version. If I change the triggers to just mouseenter:mouseleave, it returns to the randomly placing the tool-tip on the top left, on some occasions I have multiple tool-tips. I have been thinking of creating some function to remove the any <bs-tooltip-container> from the page on every module load, I'm sure if it;s even possible. Would lazy load cause this issue?

Using the above example with a few more buttons: https://angular-78lcrx.stackblitz.io

daniloff200 added a commit that referenced this issue Feb 28, 2020
… (#5548)

Co-authored-by: Dmitriy Shekhovtsov <valorkin@gmail.com>
Co-authored-by: Dmitriy Danilov <daniloff200@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants