How to flip the dropdown (Popover) uisng popper js

Question

In my application am showing dropdown(Popover) from button left side. If button is in browser right edge. I want to show button right edge to left edge .can anybody tell how to flip in popper js

Thanks

Answer 1

You can try something like this:

var popper = new Popper(referenceElement, onLeftPopper, {
    placement: 'right',
    modifiers: {
        flip: {
            behavior: ['right', 'left']
        },
        preventOverflow: {
            boundariesElement: container,
        },
    },
});