MetaMask / MetaMask/metamask-mobile
[Bug]: Input field scrolled out of view at the appearance of the keyboard
- 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:

### Expected behavior
The expected behaviour is that the keyboard opens without any additional whitespace, as is happening in other browsers.
### Screenshots/Recordings

### 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
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