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 · Fixed by #3908

Comments

@VK-Wolland
Copy link

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

This comment has been minimized.

Copy link
Member

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

@tmorehouse

This comment has been minimized.

Copy link
Member

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.

@tmorehouse

This comment has been minimized.

Copy link
Member

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

@jackmu95 jackmu95 added the Type: Bug label Apr 8, 2019

@jackmu95 jackmu95 changed the title v-b-tooltip not hiding in some cases `v-b-tooltip` not hiding in some cases Apr 9, 2019

@VK-Wolland

This comment has been minimized.

Copy link
Author

commented Apr 11, 2019

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

@tmorehouse tmorehouse added this to To Do in 2.0.0 Stable Apr 21, 2019

@TitanFighter

This comment has been minimized.

Copy link
Contributor

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.

@tmorehouse

This comment has been minimized.

Copy link
Member

commented Aug 24, 2019

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

tmorehouse added a commit that referenced this issue Aug 28, 2019
@tmorehouse

This comment has been minimized.

Copy link
Member

commented Sep 7, 2019

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
4 participants
You can’t perform that action at this time.