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.

Add ability to offset the popover

See original GitHub issue

Is your feature request related to a problem? Please describe. Yes, a design problem, but not a technical problem

Describe the solution you’d like I’d like to be able to specify a value (in pixels), similar to the verticalOffset, but which is applied no matter where the placement is. The value should be added as empty space between the start of the arrow and the originating position. I.e. If the value (n) is positive, the popover opens n pixels further away.

Basically, a way to get the popover to start a little bit further away so that it isn’t always so close to the from element.

Issue Analytics

State:
Created 2 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

2reactions

SteffeyDevcommented, Mar 12, 2022

Added an offset prop. This will be fixed when 4.2.0 is released.

1reaction

SteffeyDevcommented, Mar 27, 2022

Version 5.0.0 released, which includes the offset prop (I had to release a new major version due to other breaking changes)

Top Results From Across the Web

Has anyone mastered the Bootstrap popover offset option?

The Bootstrap Popover document shows "offset" as an option and points to a cryptic Tether document. Adding the offset option (ex. offset: '0 ......

Popovers - Bootstrap

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element ... For more information refer to Popper.js's offset...

Allow function in offset option for Tooltips and Popovers #24223

The fix for #24222 only applied to dropdowns. Can we reopen this issue to get the same offset function support for tooltips and...

Bootstrap Popovers - examples & tutorial

Here is documentation and examples for adding Bootstrap popovers, like those found in iOS, ... For more information refer to Tether's offset docs....

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