RocketChat / RocketChat/Rocket.Chat

Jitsi fullscreen broken in Safari

Open
#22,749 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

Jitsi calls that enter fullscreen have Rocket.Chat UI overlayed on top of them in Safari. It works fine in Chrome, Firefox, Brave and Edge though.

Safari

fullscreen-safari

Chrome

fullscreen-chrome

Steps to reproduce:
  1. Join a call using Safari
  2. Enter fullscreen
Expected behavior:

Should not see rocket chat UI elements on the fullscreen video call

Actual behavior:

I see rocket chat UI elements on the fullscreen video call

Server Setup Information:
  • Version of Rocket.Chat Server: 3.16.3
  • Operating System: Ubuntu 20.04
  • Deployment Method: snap
  • Number of Running Instances: 1
  • DB Replicaset Oplog: Enabled
  • NodeJS Version: v12.22.1
  • MongoDB Version: 3.6.14 (oplog Enabled)

image

Client Setup Information
  • Desktop App or Browser Version: Safari Version 14.1.1 (16611.2.7.1.4)
  • Operating System: macOS 11.4 Big Sur

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing a Jitsi call in fullscreen with Safari 14.1.1 and compare it with Chrome, following the issue's listed steps. Trace the frontend fullscreen integration and determine why Rocket.Chat UI remains visible; done means the video call hides those UI elements in Safari without regressing other browsers.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.