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 position not changed

See original GitHub issue

Hi,

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: image

Now: image

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:closed
  • Created 6 years ago
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
avilesasturiascommented, Feb 19, 2019

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.

1reaction
aaronguernseycommented, Dec 23, 2019

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 or overflow: 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.

Read more comments on GitHub >

github_iconTop 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 >

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