Popover div's are not removed after fast mouse-in and mouse-out
See original GitHub issueWhat 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
- Go to https://bootstrap-vue.js.org/docs/components/popover/#overview
- Open developer-tools and view the
body
element. - Find any button with a pop-over
- Move the mouse in and out of the button at a fast pace.
- Check the
body
element in the developer tools. - You will find that a
div
with anid
-attribute like this__BV_popover_1__
as been added to thebody
multiple times.
Issue Analytics
- State:
- Created 6 years ago
- Comments:8 (4 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Release v1.0.0 (non-beta) will be coming soon (hopefully today or tomorrow), and will have the fix for this.
Confirmed for both directive and component popovers, as well as tooltips