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

Cannot hover a popover when triggers set to hover #3854

Closed
lamberttraccard opened this issue Aug 12, 2019 · 7 comments · Fixed by #3908
Closed

Cannot hover a popover when triggers set to hover #3854

lamberttraccard opened this issue Aug 12, 2019 · 7 comments · Fixed by #3908

Comments

@lamberttraccard
Copy link

Describe the bug

It's impossible to hover a popover when the trigger is set to hover.

Steps to reproduce the bug

  1. Hover the trigger
  2. Move cursor to the popover

Expected behavior

It's should be possible to hover a popover when the trigger is set to hover.

Versions

Libraries:

  • BootstrapVue: v2.0.0-rc.27
  • Bootstrap: 4.3.1
  • Vue: 2.6.10

Environment:

  • Device: Mac
  • OS: macOS Mojave
  • Browser: Chrome
  • Version: 75

2019-08-12 12 03 58

@tmorehouse
Copy link
Member

tmorehouse commented Aug 12, 2019

Add a delay to the popover (you can specify a show and hide delay). Then the popove will re-trigger itself to stay open when the mouse is moved over it.

@lamberttraccard
Copy link
Author

@tmorehouse I have already tried and it doesn't work.

@tmorehouse
Copy link
Member

Hmmm

A workaround would be to enable another trigger, such as focus

@lamberttraccard
Copy link
Author

Like you said a workaround :), it would nice if the behavior describe above could work out of the box. It seems natural to be able to hover the popover with any king of triggers.

@tmorehouse
Copy link
Member

I'll have to look into the code a bit deeper (it is basically a port of Bootstrap's official code) and see if we can extend teh hover triggering onto the popover element (and since it is share code with tooltip, tooltip element) itself.

@tmorehouse
Copy link
Member

PR #3908 should have this fixed (once it is completed and merged)

@tmorehouse
Copy link
Member

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