Popover position not changed
See original GitHub issueHi,
Recently I updated after a couple of weeks not touching this project. Now the popovers show not on the side (left, right) of the target element but on top instead.
Also placement has changed, had to set “left” when previously I had “right” to show the popover on the right side.
Thanks.
Previously:
Now:
Here are my options:
<b-popover :target="'popover-' + product.id"
triggers="click"
placement="left"
container="order-list"
ref="popover"
@show="onShow(index, $event)">
</b-popover>
- Operating system: Mac OS X
- Browser: Chrome
- Version of Bootstrap-Vue: Latest
Issue Analytics
- State:
- Created 6 years ago
- Comments:10 (5 by maintainers)
Top Results From Across the Web
bootstrap popover dynamic change position from top to bottom
To summarise you state the position that you want and if it can't do that it does the opposite - (same as auto...
Read more >How to position a Bootstrap popover ? - GeeksforGeeks
This article describes how a popover can be positioned on the page. The popover attribute of Bootstrap can be used to make the...
Read more >Popovers · Bootstrap v5.0
When a keyboard user opens a popover, focus remains on the triggering element, and as the popover usually does not immediately follow the...
Read more >Changing popover settings
If the Popover Button Setup dialog box is not open in Layout mode, ... or hiding the title bar does not change the...
Read more >Popover Positioning - Kendo UI for Angular - Telerik
The Popover allows you to adjust its position according to its anchor element. To change the position, use the position option to place...
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
In latest version still got issue with parent having overflow property set to it, even though boundary is specified to window. Any solution on how to use tooltips on the right but still have overflow-y set to auto? Thanks.
Hey @avilesasturias, did you find a solution to your issue?
I’m currently still getting this issue with v2.1.0. If I have a popover within an
overflow: auto
oroverflow: hidden
container, the popover is forced inside the container even if the boundary prop is set to ‘viewport’ or ‘window’.If I remove the overflow property, the popover works as needed; however, the overflow property is needed.
Any solutions or suggestions? Thanks.