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

v-b-tooltip not hiding in some cases #2937

Closed
VK-Wolland opened this issue Mar 28, 2019 · 8 comments
Closed

v-b-tooltip not hiding in some cases #2937

VK-Wolland opened this issue Mar 28, 2019 · 8 comments

Comments

@VK-Wolland
Copy link

@VK-Wolland VK-Wolland commented Mar 28, 2019

When using multiple elements with v-b-tooltip.hover tooltip is not hiding when you move cursor very fast from one element to another.

Tested with
Vue: 2.6.10
bootstrap-vue: 2.0.0-rc.16
bootstrap: 4.3.1

Code sample:
https://gist.github.com/VK-Wolland/345d7f524763ee90187a8686ed1ab148

Tested on latest Chrome(73.0.3683.86) and Firefox(66.0.1 (64-bit))

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Mar 28, 2019

This is a known issue with tooltips and popovers.

We will be revamping them in a future release using portal-vue 2.0.x when it becomes generally available

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 1, 2019

@VK-Wolland Try adding a delay to the tooltip:

<b-button v-b-tooltip.hover.d50 title="title">button</b-button>

This adds a 50ms delay to showing and hiding the tooltip, which appears to alleviate the issue.

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Apr 8, 2019

One way we might be able to make sure the other tooltip closes when a new one opens it to listen for the $root tooltip shown events, and if the ID of the tooltip doesn't match, close it (unless the tooltip was opened manually).

Loading

@jacobmllr95 jacobmllr95 changed the title v-b-tooltip not hiding in some cases v-b-tooltip not hiding in some cases Apr 9, 2019
@VK-Wolland
Copy link
Author

@VK-Wolland VK-Wolland commented Apr 11, 2019

@tmorehouse Unfortunately 50 ms delay did not help, but 100ms(d100) did.
Thanks for your help.

Loading

@tmorehouse tmorehouse added this to To Do in 2.0.0 Stable Apr 21, 2019
@TitanFighter
Copy link
Contributor

@TitanFighter TitanFighter commented Apr 28, 2019

Regarding d50 part here:
<b-button v-b-tooltip.hover.d50 title="title">button</b-button>.
Is there any info about such syntax/attribute as d* anywhere in the docs? Can not find.

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Aug 24, 2019

PR #3908 should have this fixed (once it is completed and merged into 2.0.0 stable branch)

Loading

@tmorehouse
Copy link
Member

@tmorehouse tmorehouse commented Sep 7, 2019

BootstrapVue v2.0.0 stable has been released. See https://bootstrap-vue.js.org/docs/misc/changelog

Loading

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
2.0.0 Stable
  
Completed
4 participants