How show Menu at a specific position?

[lriki]

Hello! Thank you for this great project.

The use case is displaying a ContextMenu via right-click.

May be related to #17206.

I implemented it like this:

// Page root element
const target = document.getElementById("root");

// Offset on screen
const offsetX = 100;
const offsetY = 200;

const offset: PositioningProps["offset"] = ({ positionedRect, targetRect, position, alignment }) => {
    return { crossAxis: offsetX - targetRect.x, mainAxis: offsetY - targetRect.y };
};

<Menu
    positioning={{
        target,
        position: "below",
        align: "start",
        coverTarget: true,
        autoSize: true,
        offset
    }}
>
   ...
</Menu>

Is there any other code you would recommend?

[layershifter]

https://react.fluentui.dev/?path=/docs/concepts-developer-positioning-components--docs#imperative-anchor-target