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 doesn't disappear on hover out #3717

Closed
chipit24 opened this issue Jul 19, 2019 · 4 comments · Fixed by #3908

Comments

@chipit24
Copy link

commented Jul 19, 2019

Describe the bug

When quickly moving the cursor over a list of items that have a tooltip, the tooltip doesn't always disappear, but remains "suck" in the hover state.

Steps to reproduce the bug

  1. Create a list of items that each show a tooltip on hover.
  2. Move the cursor over the list, and observe that occasionally one of the tooltips doesn't disappear on hover out.

Expected behavior

Regardless of how quickly a user hovers over or out of an element, if a tooltip appears, it should disappear if the cursor is no longer over the element.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.26
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Environment:

  • Device: MacBook Pro
  • OS: macOS Mojave 10.14.5
  • Browser: Chrome
  • Version: 75

Demo link

CodeSandbox: https://codesandbox.io/embed/determined-boyd-xezui

Additional context

Gif of bug:
bs_vue_tooltip_hover_bug

We use a similar layout to the one in CodeSanbox, but with a larger, more complex list, and the hover issue appears much more frequently, even without very quick mouse movement.

@tmorehouse

This comment has been minimized.

Copy link
Member

commented Jul 19, 2019

This is a known issue: #2937 (also applies to popovers)

And will hopefully be fix once we have 2.0.0 stable released.

You can add a delay to the tooltip which will help mitigate this issue:

https://jsfiddle.net/jdw2Lhy0/

@chipit24

This comment has been minimized.

Copy link
Author

commented Jul 19, 2019

Thanks! I just searched open issues so I didn't see that.

@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
None yet
2 participants
You can’t perform that action at this time.