Menu does not render correctly the first time it's opened

[flyingL123]

Description

The background of the menu does not fill completely behind the items the first time it's opened. It is correct on subsequent renders.

CodeSandbox/Snack link

https://github.com/flyingL123/expo-gluestack-ui/tree/menu-bug

Steps to reproduce

Click the FAB in the middle-right of the screen to open the menu. You will see the white background does not extend fully behind the menu items:

Close the menu and open it again. Now the white background is correct:

gluestack-ui Version

2

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

No response

[Viraj-10]

Hey @flyingL123, It's working fine for me. Can you please clear cache and check again ?

Simulator.Screen.Recording.-.iPhone.16.Pro.-.2024-12-02.at.15.48.58.mp4

[flyingL123]

@Viraj-10 strange, it works for me as well when I use the iOS 15 Pro Max Simulator running iOS 17.5

However, on my actual iPhone XR running iOS 18.1.1, the bug in my screenshots still occur.

I don't have an XR simulator, but I have an iPhone SE simulator, and on that, the bug occurs. So it seems like it may be an issue with older phones? I think if you test it on an iPhone XR simulator, you will see the bug.

[llr101]

my actual iphone 15 ios 18.1 does not render correctly the first time too.

[marcos-credfranco]

My Iphone 15 pro ios 18.2 does not render correctly the first time too, in build production and expo go

[llr101]

My Iphone 15 pro ios 18.2 does not render correctly the first time too, in build production and expo go

I am using the actual device and pure react-native without expo framework

[xiaoosnggao]

ios18 Simulator

There is the same problem. I use menu in expo.

[timlftv]

iPhone 16 Pro Max / iOS18 simulator. There is the same issue here