MetaMask / MetaMask/metamask-mobile

[Bug]: Input field scrolled out of view at the appearance of the keyboard

Open
#14,223 3 comments 0 reactions 0 assignees View on GitHub
external-contributor needs-information needs-triage regression-prod-7.42.0 team-mobile-platform
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### Describe the bug

On the MetaMask mobile app browser, in iOS, when the keyboard is opened, due to an input field being selected, in an attempt to accomodate the keyboard, the elements on the screen are shifted up, including the that input field that is now in focus. This is only happening in the MetaMask mobile browser in iOS. It doesn't happen in the Phanton or Chrome mobile browsers. It also doesn't happen on Android. Is there anyone who may know what is causing this?

See screenshot below:
![Image](https://github.com/user-attachments/assets/d6cafcbe-616d-4f8e-a9a4-15127f14a2bf)

### Expected behavior

The expected behaviour is that the keyboard opens without any additional whitespace, as is happening in other browsers.

### Screenshots/Recordings

![Image](https://github.com/user-attachments/assets/4522aade-9cde-4f31-b877-e0daa4f78eca)

### Steps to reproduce

1. Open the MetaMask mobile web browser
2. Open any web page with an input box
3. Click the input box to make it focused
4. The elements on the screen are shifted up exdcessively

### Error messages or log output

```shell

```

### Detection stage

In production (default)

### Version

7.42.0

### Build type

None

### Device

iPhone

### Operating system

iOS

### Additional context

_No response_

### Severity

_No response_

Contributor guide

Open the contributing guide

Research direction

No source file, test, or entry point is named. First reproduce the issue in the MetaMask mobile browser on an iPhone running iOS, then trace the keyboard and focused-input handling; done means the input remains appropriately visible without excessive whitespace, while Android behavior remains unaffected.

Written by the indexing model from the issue text.

Assessment

Tech stack
ios, react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.