search

gluestack / gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
https://gluestack.io/
MIT License
2.85k stars 121 forks source link

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

Open flyingL123 opened 4 days ago

flyingL123 commented 4 days ago

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:

IMG_5880

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

IMG_5881

gluestack-ui Version

2

Platform

Other Platform

No response

Additional Information

No response

Viraj-10 commented 2 days ago

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

https://github.com/user-attachments/assets/7ec7f31e-ce4f-4f49-adcd-bf67f05a6292

flyingL123 commented 2 days ago

@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.