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/tooltip fallbackPlacement ignores values other than 'flip'

See original GitHub issue

The fallbackPlacement options for popovers seems to be completely ignored for other values than 'flip'. The popover documentation refers to Popper.js documentation for valid values: https://getbootstrap.com/docs/4.0/components/popovers/#options https://popper.js.org/popper-documentation.html#modifiers..flip.behavior but neither of 'clockwise', 'counterclockwise' or an array of placements are supported.

They however are recognized as valid values because the popover stays at the initial placement. When giving the option some clearly invalid value it is sent at top-left corner of the viewport.

Tooltips are also concerned.

Here is a fiddle demonstrating the issue: https://jsfiddle.net/pr_shadoko/1t4eLjLh/

Tested on : Windows 10 64bit Chrome 63.0.3239.84 / Firefox 57.0 / Opera 49.0 jQuery 3.2.1 BS 4.0.0-beta.3 popper 1.12.9

Issue Analytics

State:
Created 6 years ago
Comments:8 (3 by maintainers)

Top GitHub Comments

1reaction

Johann-Scommented, Jun 15, 2018

Did you made an example with just Popper.js ? To be sure it’s related to Bootstrap ?

0reactions

prShadokocommented, Jul 3, 2018

Sorry guys, it stumbled on this issue working on a side project and I have not had much time to work on it lately so my attempt to make a Popper.js example did not go very far…

I will have a look at the popper issue you pointed out @NicolasPerego

Anyway, if no valid fix is found, I believe we should at least update the doc before closing the issue as the feature is clearly not functioning…

Top Results From Across the Web

Popover/tooltip fallbackPlacement ignores values other than 'flip'

The fallbackPlacement options for popover s seems to be completely ignored for other values than 'flip' . The popover documentation refers to Popper.js ......

Flip

Flip. The flip modifier can change the placement of a popper when it's scheduled to overflow a given boundary. Don't mind tech-related ads?...

Popovers

Popovers are opt-in for performance reasons, so you must initialize them yourself. Zero-length title and content values will never show a popover. Specify ......

bootstrap-vue

isArray;\n\n// Instance\nexport const arrayIncludes = (array, value) => array. ... HTML element is visible - Faster than CSS check\nexport const isVisible ...

Disable flip in Boostrap 4 Popover

You should add another option of fallbackPlacement : var options = { placement: 'top', fallbackPlacement: ['top'], flip: 'top', ...