MetaMask / MetaMask/metamask-mobile

Adding iPad Support

Open
#3,488 9 comments 11 reactions 1 assignee Claimed by @wachunei View on GitHub
feature-request
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

**Describe the usability problem**
When using the MetaMask app on an iPad, the app doesn't fill the entire screen - it's a "streched" iPhone app. This is affecting the user experience of iPad users and I've seen other people on Reddit ([#1](https://www.reddit.com/r/Metamask/comments/oja4c6/suggestion_for_devs_ios_ipad_app_support/), [#2](https://www.reddit.com/r/Metamask/comments/o1wqtv/ipad_app/)) requesting the same change. Please, implement this whenever possible. I really like using MetaMask and this is the only UX breaking issue I'm currently having with the app, and I would be very happy if this gets implemented.

**Expected behavior**
The app should fill the entire screen.

**Technical Details**
I get that this might not be something of top priority, however the changes needed to add iPad support are very minimal and the user experience for all iPad users will drastically improve. The app layout already supports dynamic screen sizes, it's just that iPad support is _disabled_.
In the project settings of the iOS subproject, under _Deployment Info_, the iPad checkmark should be set to enabled like so:

settings

When this is done, the app starts to fill the entire screen and it **looks pretty good** IMO. Here are some iPad Pro 12.9" Simulator screenshots I've taken to prove my point. No other changes are applied except applying the iPad checkmark mentioned above.

**Screenshots**
| Before | After |
| ------ | ----- |
|![home-portrait-before](https://user-images.githubusercontent.com/25153077/145130864-45811d16-e99b-4197-99c2-7ceff877263f.png)|![home-portrait-after](https://user-images.githubusercontent.com/25153077/145130900-98e18f05-5ebc-4746-b1b9-46effefd7dfb.png)|
|![menu-portrait](https://user-images.githubusercontent.com/25153077/145130976-0746c215-19e3-4cc0-ac18-11a73ac50ccc.png)|![menu-portrait-after](https://user-images.githubusercontent.com/25153077/145130992-e5747362-8a20-4766-8bd3-09d7ab75f68b.png)|
|![popup-portrait](https://user-images.githubusercontent.com/25153077/145131089-95eb83e2-7d19-4186-9cc8-c6a68096ff29.png)|![popup-portrait-after](https://user-images.githubusercontent.com/25153077/145131122-1a64f867-fdbe-47fe-9f9e-e280a733536a.png)|
|![browser-portrait](https://user-images.githubusercontent.com/25153077/145131207-f173120c-973a-409c-abfb-f9bf4ee64e3c.png)|![browser-portrait-after](https://user-images.githubusercontent.com/25153077/145131231-3664cb1e-29e8-4fdb-b401-5499f9ce5bbe.png)|

P.S: Landscape support for iPad would also be nice, but I totally understand that it's out of scope of this issue and would require a bit more work than adding iPad support.

------------------------------------------------------------------------------------------------------
_filled out after submission_

**User impact | Usage frequency | Feasibility scores**
_How important is this to the user, what the user wants to accomplish | Daily, weekly, monthly | Small, medium, large_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.