[UI][iOS][Android] Logout button hides behind the bottom navbar on mobile devices

[ammarisrar]

Link to reproduction

No response

Describe the Bug

The logout button totally hides behind the bottom navbar on Chrome and Safari on iPhone, leaving no other way to log out. I have also tried to keep the sidemenu dragged up and clicking it with my other finger, but it doesn't work.

I have also tested this on Android and there it hides partially behind the bottom navbar on Chrome (but still interactable, by the partially visible corner of the logout icon).

RPReplay_Final1725886456.MP4

To Reproduce

1. Serve the Payload CMS on some network accessible IP.
2. Create a user on any device.
3. Access Payload on a mobile device. The device I used was an iPhone 13 Pro Max.
4. Log into Payload CMS.
5. Open the hambuger menu and scroll down. We can see the logout button, but we can't click it. As soon as we let go, the logout button hides behind the bottom nav bar, and is no longer interactable.

Payload Version

2.28.0

Adapters and Plugins

No response