React-navigation `presentation: modal` inner Component shift

[midrizi]

Current behaviour

I noticed this using <Menu>, when menu is visible it is like 8~10px below where it should be, this seems to be the case with all Components inside react-navigation presentation: modal on iOS.

Expected behaviour

Components to be where they are on the screen, if you try to use the onLayout you will get wrong position of the element

Code sample

https://snack.expo.dev/9cdSNjwzL

Screenshots (if applicable)

Presentation modal	Normal page

What have you tried

This is what I mean by shift:

Your Environment

software	version
ios or android	15.2
react-native	0.64.3
react-native-paper	4.9.2
node	v12.22.7
npm or yarn	yarn
expo sdk	5.0.3

[github-actions[bot]]

Couldn't find version numbers for the following packages in the issue:

• react-native-vector-icons
• npm
• yarn
• expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native (found: 0.64.3, latest: 0.67.1)
• react-native-paper (found: 4.9.2, latest: 4.11.2)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[MathisBarre]

Same issue here, i guess i will add an hard-coded transform to fix it. Not ideal

[alesdvorakcz]

Same issue here. Even bigger problem is with presentation: formsheet on ipads