MetaMask / MetaMask/metamask-sdk
[Bug]: Install modal QR code Not Displaying on iPad
- 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

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