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.

Can't Set Popper Modifiers for Popover

See original GitHub issue

Issue description

components: popover
reactstrap version 5.0.0-alpha.4
import method es (if umd, are you using the “full” version (only for v5+)?)
react version #16.1.1
bootstrap version not installed

What is happening?

When using popover like this:

<Popover
        className="PopOver"
        isOpen={props.isOpen}
        target={props.target}
        placement={props.placement}
        toggle={props.toggle}
        modifiers={{flip: {enabled: false}}}>

        {props.children}
</Popover>

seems like modifiers object is ignored. Popper still gets its

modifiers: {
    flip: {
      behavior: "flip"
      enabled: true
    }
    ...
}

props object.

What should be happening?

I think the props.modifiers.flip.enabled prop of Popper should be false.

Steps to reproduce issue

Just render the <Popover> like I described and check if the Popper get correct prop.

Issue Analytics

State:
Created 6 years ago
Comments:6 (1 by maintainers)

Top GitHub Comments

2reactions

dodacrcommented, Mar 21, 2018

Yes, I confirm that the issue is resolved.

1reaction

TheSharpieOnecommented, Dec 11, 2017

I don’t think #710 (which add the ability to pass modifiers which override the default ones (such as flip)) has been released yet.

Top Results From Across the Web

Modifiers - Popper

Custom Modifiers. It is possible to add custom modifiers, written by you, by defining them in the options.modifiers array during a Popper instantation....

MUI Popper: Placement not working as intended when using ...

So if some ancestor has any overflow property set, and the Popper content can't be adjusted into it then the Popper won't position...

Popovers · Bootstrap v5.0

Overflow constraint boundary of the popover (applies only to Popper's preventOverflow modifier). By default it's 'clippingParents' and can accept an HTMLElement ...

React Popper component - Material UI - MUI

The scroll isn't blocked like with the Popover component. The placement of the popper updates with the available area in the viewport.

Documentation (v2.x) | Popper

Popper is the de facto standard to position tooltips and popovers in ... No virtual positioning: CSS tooltips cannot follow the mouse cursor...