MetaMask / MetaMask/metamask-sdk

[Bug]: Install modal QR code Not Displaying on iPad

Open
#1,218 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
338
Forks
260
PR merge metrics
No merged PRs in 30d

Description

### SDK

Web

### Provide environment information

When accessing the DAPP on an iPad, the install modal is displayed but the QR code fails to render.

### MetaMask SDK Version

v0.32.0

### MetaMask Mobile app Version

v7.40.0 (1553)

### What browser are you using? (if relevant)

Safari

### How are you deploying your application? (if relevant)

_No response_

### Describe the Bug

![Image](https://github.com/user-attachments/assets/922fb03e-9882-4a39-b20e-63f5564b522e)

### Expected Behavior

The QRCode should appear correctly on the iPad, as it does on other devices, allowing users to scan it without issues.

### Link to reproduction - Issues with a link to complete (but minimal) reproduction code will be addressed faster

_No response_

### To Reproduce

1. Open the DAPP on an iPad, the Metamask app should not be installed.
2. The Install modal will be displayed.
3. Observe that the QR code is missing.

The provided screenshot illustrates how the SDK is initialized in our Dapp.

Image

After inspecting the element, it appears that the bug is due to a CSS issue—specifically, the SVG lacks defined width and height attributes.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the install modal on an iPad using Safari, then inspect the QR code SVG and its computed styles. The issue identifies missing SVG width and height attributes as the suspected cause; done means the QR code renders correctly in the iPad install modal without affecting other devices.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.