ContentExplorer preview(using UIElement) is not working on iPhone
- Dominant language
- JavaScript
- Stars
- 120
- Forks
- 137
- Avg merge
- 12h 36m
- Merged PRs (30d)
- 17
Description
Please fill out the following template so we can reproduce and fix your issue as quickly as possible!
**Note:** if your issue includes a potential security vulnerability, please do not file it here. Instead, email the issue to security@box.com for support.
**Note:** if your issue involves annotations.js/css, please report the issue [here](https://github.com/box/box-annotations/issues/new).
**Environment:**
- Preview version:
**Desktop (please complete the following information):**
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
**Smartphone (please complete the following information):**
- Device: [ iPhone14 pro max,iPhone13 mini, iPhone 12 Pro ,iPhone 11]
- OS: [ iO26.4, iO26.4,26.3.1(a),26.3.1(a)
- Browser [safari]
- Version [same as iO]
**Steps to reproduce the problem:**
1.Add UIElement with type Explorer component to a React page.
2.Configure a folder with required authentication details.
3.Browse a folder.
4.Shows a list of files and click on individual file to open preview
5.Preview works fine on desktop but not working on above mentioned mobile models. When clicked on individual file icon nothing happens.
**What is the expected behavior? (Screenshots can be helpful here)**
preview should work on iphone
**What went wrong? (Screenshots, console logs, or HAR files can be helpful here)**
file preview is not opening
**Link to application or sample code:**
**If relevant, link to file (or attach file here)**
**Expected behavior**
Application should support both desktop and mobile.
**Screenshots**
If applicable, add screenshots to help explain your problem.
**Additional context**
Add any other context about the problem here.
Contributor guide
Research direction
Start with the UIElement Explorer integration in the React page and reproduce the issue by browsing to a file on iPhone Safari. Compare the desktop and mobile preview-opening behavior; done means selecting a file opens its preview on the reported iPhone models.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100