<b-popover>: button\link must be clicked once (instead of twice) to close popover which is opened inside mounted()
See original GitHub issueIn order to close popover which is opened by the code:
mounted() {
this.$nextTick(function() {
this.$root.$emit("bv::show::popover", "popoverBtn");
this.$root.$emit("bv::show::popover", "popoverLink");
});
}
right now it is necessary to click a button/link twice, however popover should be closed just on a single click. All the rest subsequent open/close clicks work as expected.
OS: Ubuntu 18.04 64; Browsers: Chrome 70.0.3538.102 (Official Build) (64-bit) + Firefox 63.0 (64-bit) Bootstrap-vue: v2.0.0-rc.11
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
need click twice after hide a shown bootstrap popover
Popever on its own works fine. Try this, click on popover and activate the tooltip thing, then hide it using hide button, and...
Read more >request - close popover when clicked inside · Issue #76 - GitHub
Recently we came across a use case where i am using button inside the popover. I am using that button to duplicate a...
Read more >Popover | Components - BootstrapVue
I.e. if a popover has the trigger focus click , and it was opened by focus , and the user then clicks the...
Read more >Popovers - Bootstrap
Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.
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 Free
Top 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
in bootstrap V4 native code, if a popover or tooltip is opened programmatically, it is called a manual trigger, and is stored in the active triggers object. and in order to close the popover or tooltip, all active triggers have to be cleared (i.e. any click, focus, or hover, as well as manual).
bootstrap-vue is similar, but we allow manual triggers to be ignored (allowing the user to close it, although they need to trigger the element first to activate their trigger, and then they clear it with the next trigger (we don’t store the manual trigger in the active triggers object)
it might be possible for us to first check to see of the tip is opened and there are no triggers in the trigger object, then we just close the tip.
Since this would be quite the breaking change, and rub against the grain of Bootstrap v4 behaviour, I think we should close this issue until Bootstrap V5 is released