Menu position wrong when anchored to upper right corner view

Environment

Paper v2.15.2

Description

My project is presently using React Native Navigation and I would like to display a Menu when a button is clicked in the native top navigation bar / app bar. Since the top bar is native, it’s button can’t serve as an anchor for the Menu, so I planned to instead anchor to an invisible View immediately below the native toolbar button.

Unfortunately, when the Menu renders it does not appear below the anchor view in the top-right corner. I’m assuming that the Menu should display immediately below this anchor, so this would be a bug? Is there a better way to accomplish the effect I am after?

Thanks!

Reproducible Demo

I’ve created a snack which demonstrates the issue: https://snack.expo.io/@holysamosa/c16159

Screenshot

Here’s an example: (I’ve given the anchor view a red background for visibility)

[HolySamosa]

Also, while the suggested work-around of wrapping the Menu in a positioned view does move the menu to the right edge of the screen, the menu is still appearing a significant distance below the anchor (as also seen in the original image).

Any ideas?

[HolySamosa]

Thanks, @iyadthayyil. The affected project has been on the backburner and I’m presently working to get another app out the door, but I’ll test this out in the next couple of weeks and let you know.