Categories
JavaScript Answers

How to fix Bootstrap popover not showing on top of all elements with JavaScript?

Spread the love

Sometimes, we want to fix Bootstrap popover not showing on top of all elements with JavaScript.

In this article, we’ll look at how to fix Bootstrap popover not showing on top of all elements with JavaScript.

How to fix Bootstrap popover not showing on top of all elements with JavaScript?

To fix Bootstrap popover not showing on top of all elements with JavaScript, we call tooltip with an object with the container option.

For instance, we write

$("#element").tooltip({ container: "body" });

to call tooltip with { container: "body" } to set the container of the tooltip to the body element.

This will make sure that the tooltip shows on top of any element on the page.

Conclusion

To fix Bootstrap popover not showing on top of all elements with JavaScript, we call tooltip with an object with the container option.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *