MetaMask / metamask-mobile

Mobile web browser providing access to websites that use the Ethereum blockchain
https://metamask.io
Other
2.16k stars 1.11k forks source link

[Bug]: In the "Add RPC URL" modal, the "RPC Name" field becomes obscured by the keyboard on mobile devices #12154

Open sleepytanya opened 5 days ago

sleepytanya commented 5 days ago

Describe the bug

In the Add RPC URL modal, the RPC Name field becomes obscured by the keyboard on mobile devices—completely on Android and partially on iOS.

Expected behavior

-

Screenshots/Recordings

Android:

https://github.com/user-attachments/assets/6e9eff24-0a50-4611-97ac-e8c32586f629

iOS:

https://github.com/user-attachments/assets/28540a19-2e08-44c4-ae1c-70d2f5d4c233

Steps to reproduce

  1. Add new RPC URL

Error messages or log output

No response

Detection stage

During release testing

Version

7.34.0 (1473)

Build type

None

Device

iPhone 15, Samsung S24+

Operating system

iOS, Android

Additional context

No response

Severity

No response

salimtb commented 2 days ago

hey @sleepytanya , for smaller screens, when the keyboard opens, it can cover the RPC Name field in the "Add RPC URL" modal. On Android devices, the keyboard obscures the field entirely, while on iOS, it's only partially covered. However, users can scroll to access the input field, as shown in the provided video.

https://github.com/user-attachments/assets/fd313bcf-e951-4052-9743-06debe43c741

alfeng6 commented 2 days ago

I think we can put this as a sev2 / sev 3 because it doesn't necessarily block functionality but is a terrible UX. Let's fix this after Portfolio View @salimtb