apache / apache/cordova-android

Flash when making a video fullscreen

Open
#1,247 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
3.8k
Forks
1.6k
Avg merge
16h 18m
Merged PRs (30d)
11

Description

# Bug Report

## Problem
I get a flash of the DOM content when making a video fullscreen.

### What is expected to happen?
The video becomes full screen without a flash of any DOM content.

### What does actually happen?
If you watch the "HEADER" text at the top of the screen in this video, you will see a brief flash just before the video goes fullscreen. It's right around the 3s mark.

https://user-images.githubusercontent.com/28525986/123274711-ab415f00-d4fb-11eb-98eb-0b31a1e74e80.mp4

If the flash seems slight or insignificant, that's because this was recorded using a sample app with a relatively light DOM. The app where this problem happens has a much heavier DOM and the problem is much more pronounced.

## Information

I created a sample app that shows the problem, you can download it [here](https://github.com/CodeWithOz/cordova-bad-web-workers/actions/runs/968151594) (the build artifact at the bottom of the page).

### Command or Code

Tap the video to start playing it, then just wait for 2-3 seconds and it will become fullscreen. You should see the "HEADER" text flash just before the video becomes fullscreen.

### Environment, Platform, Device

- cordova android: versions 9 and 10
- device: Tecno Pop2 Plus

### Version information

- cordova CLI: 10
- plugins:
- cordova-plugin-whitelist@1.3.4
- cordova-plugin-androidx
- cordova-plugin-androidx-adapter
- cordova-plugin-ionic-webview@4.2.1 (in my real app I'm using v5 of the webview plugin and the problem still happens as I mentioned above)

## Checklist

- [x] I searched for existing GitHub issues
- [x] I updated all Cordova tooling to most recent version
- [x] I included all the necessary information above

Contributor guide

Open the contributing guide

Research direction

Start by running the linked sample app artifact and reproducing the flash after tapping the video and waiting 2–3 seconds. Then trace the Android fullscreen transition and WebView behavior; done means the video enters fullscreen without showing DOM content first, including with a heavy DOM.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, javascript
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 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.