Ability to place popper in a specific X, Y position

I would like to implement a context menu using popper.js. I managed to do this using a reference element catching the contextmenu event. However I am wondering if it is possible to place the popper menu in a specific position.

In the case of a context menu the X and Y position would be given by the right click position.

Something like this:

var reference = document.querySelector('.my-button');
var popper = document.querySelector('.my-popper');

reference.addEventListener('contextmenu',
    function (e) {
        e.preventDefault();
        new Popper(reference, popper, {
            position: {
                x: e.clientX,
                y: e.clientY
            }
        })
    }
)

[tnrich]

For those coming after me, I think I got it to work by doing the following:

    const top = event.clientY;
    const right = event.clientX;
    const bottom = event.clientY;
    const left = event.clientX;
    const referenceObj = {
      getBoundingClientRect: () => ({
        top,
        right,
        bottom,
        left,

      }),
      clientWidth: 0,
      clientHeight: 0,
    }

[FezVrasta]

@tnrich the interface is described at the bottom: