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 with :placement="'top'" is shown at the bottom

See original GitHub issue

If I use a popover with :placement="'top'" it gets rendered with bottom positioning, while left and right positioning works well

schermata 2017-11-15 alle 23 24 39

^ was renderend with :placement="'top'"

Using the latest version

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:17 (9 by maintainers)

github_iconTop GitHub Comments

3reactions
tmorehousecommented, Jun 11, 2019

Use the boundary prop to specify viewport or window instead of the default of scrollParent

2reactions
tmorehousecommented, Jun 11, 2019

Let me see what can be done with the component version. The directive version, you can pass a custom config… I’ll see what Bootstrap Official has done, as they have the same issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change top or bottom position of bootstrap popover on ...
For example, if placement is "auto left" , the popover will display to the left when possible, otherwise it will display right.
Read more >
Popovers - Bootstrap
Documentation and examples for adding Bootstrap popovers, like those found in iOS, ... How to position the popover - auto | top |...
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 >
Bootstrap Popovers - Tutlane
The bootstrap popover component is useful to show the HTML elements content ... For example, the top placement of the popover will display...
Read more >
Bootstrap JS Popover Reference - W3Schools
Name Type Default Try it animation boolean true Try it container string, or the boolean false false Try it content string "" Try it
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