question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover div's are not removed after fast mouse-in and mouse-out

See original GitHub issue

What happens? When normally moving the mouse in an out of a button element a connected pop-over is shown correctly. In the sense that the div which contains the pop-over is removed from the HTML body or any other container.

When moving the mouse in and out of a button at a fast pace, such that the hover event is triggered at a higher rate, the div element which contains the pop-over is not removed from the HTML body or any other container.

What is my expectation That the pop-over div is removed regardless of the rate of hover events.

Steps to reproduce

  1. Go to https://bootstrap-vue.js.org/docs/components/popover/#overview
  2. Open developer-tools and view the body element.
  3. Find any button with a pop-over
  4. Move the mouse in and out of the button at a fast pace.
  5. Check the body element in the developer tools.
  6. You will find that a div with an id-attribute like this __BV_popover_1__ as been added to the body multiple times.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
tmorehousecommented, Oct 31, 2017

Release v1.0.0 (non-beta) will be coming soon (hopefully today or tomorrow), and will have the fix for this.

1reaction
tmorehousecommented, Oct 21, 2017

Confirmed for both directive and component popovers, as well as tooltips

Read more comments on GitHub >

github_iconTop Results From Across the Web

Keep popover open when hovering it - angular - Stack Overflow
I already know that I can remove mouseleave , but then the popopver stays open until I hover the element again. This is...
Read more >
Moving the mouse: mouseover/out, mouseenter/leave
The mouseover event occurs when a mouse pointer comes over an element, and mouseout – when it leaves. These events are special, because...
Read more >
d3 bootstrap popovers (fix) - Popular Blocks
race condition fix: when you quickly mouseout and mouseenter a tooltipped node again, the remove timer is cleared so the tip remains visible ......
Read more >
slds-popover_tooltip in an LWC For:each loop
I am building an LWC component which displays a list of records. I want to display only the name column, however the users...
Read more >
JavaScript · Bootstrap
For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup. <div class="modal" tabindex= ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found