MetaMask / MetaMask/metamask-mobile

[Bug]: build in browser fails accessing camera

Open
#18,427 1 comment 0 reactions 0 assignees View on GitHub
external-contributor Sev1-high team-delivery type-bug
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### Describe the bug

This is a clone of issue [#8733](https://github.com/MetaMask/metamask-mobile/issues/8733) that was set will not fix, facing multiple issue in integration of different dapps

**iOS** - critical cant have a work around
**Android** - passes on 5-10 manual multiple tries to add access to camera

### Describe the bug

When ever a request to access camera flow is triggered and allowed no connection to camera flow is established. Allow access triggered several times, results in black screen in webapp

### Expected behavior

User can use camera in webapps if allows access

### Screenshots/Recordings

https://github.com/MetaMask/metamask-mobile/assets/40888674/6871082e-a9ec-47c9-9d6a-14856fb43236

### Version

7.51.3
### Build type

None

### Device

Pixel 6 Pro, Pixel 6, Pixel 8 Pro, Samsung S23 - All latest available Android 15 or Android 16
iPhone 16 Pro Max - iOS 18.6.1, 18.5

### Operating system

Android, iOS

### Expected behavior

_No response_

### Screenshots/Recordings

_No response_

### Steps to reproduce


1. Open Metamask Mobile
2. Go to build in browser
3. Open for example https://mainnet.biomapper.hmnd.app/
4. Tick checks to proceed
5. On initialising connection to camera Allow access
6. Wait camera to get active

### Error messages or log output

```shell

```

### Detection stage

In production (default)

### Version

7.51.3

### Build type

None

### Device

Pixel 6 Pro, Pixel 6, Pixel 8 Pro, Samsung S23 - All latest available Android 15 or Android 16 iPhone 16 Pro Max - iOS 18.6.1

### Operating system

iOS

### Additional context

_No response_

### Severity

Critical for iOS
High for Android

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the camera flow in the built-in browser with the listed Android and iOS devices or environments, using the provided biomapper site and reproduction steps. Compare the behavior after permission is allowed; done means the web app establishes the camera connection without repeated prompts or a black screen on both platforms.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.