eclipse-theia/theia

Theia is not working in Safari browser when is within an iframe

Open

#7,668 opened on Apr 26, 2020

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (18,676 stars) (2,478 forks)batch import
browser/safarihelp wantedmonaco

Description

Theia is not working in Safari when is within an iframe. The problem is in monaco-indexed-db line 23 which is not allowed by Safari.

Steps to Reproduce:

  1. Create an iframe with src="your theia url"
  2. Open the Iframe with Safari.
  3. See that Theia is stuck on loading.

Safari console: image

  • Issue is not reproducible if in your Safari preferences -> Privacy, The Website tracking is unchecked: image

@benoitf Does Eclipse Che have the same issue?

Additional Information

  • Operating System: macOS Catalina 10.15.4
  • Theia Version: latest
  • Safari Version: 13.1

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Safari browserIndexedDB
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate the issue in monaco indexed db.ts line 23, which uses indexedDB in a way that Safari blocks within iframes when privacy settings are enabled. Look into alternative storage backends or error handling to make Theia work in Safari iframes. Check if there are any existing fixes in the repository or upstream monaco editor.