box / box/box-content-preview

ContentExplorer preview(using UIElement) is not working on iPhone

Open
#1,636 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.