nextcloud / nextcloud/server

[Bug]: Switching apps in Firefox flashes backround colour instead of keeping backround image

Open
#51,923 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

0. Needs triage 30-feedback bug
Dominant language
PHP
Stars
36.9k
Forks
5.2k
Avg merge
2d 3h
Merged PRs (30d)
713

Description

When changing between apps in Firefox (or ff based), the entire viewport briefly gets filled with the background colour.

It is not new behaviour, I just recently got reminded i should report it while testing stuff with MS Edge where the bug does not appear. As far as I remember, which I guestimate as nc 27, it had behaved that way on firefox. I have not tested webkit-based.

Here's a short clip to make it clear: expected behaviour is to not see the orange at all.
Chromium browsers don't seem to exhibit this (at least not chromium, ms edge).

https://github.com/user-attachments/assets/bcef3b91-385f-406e-8ee7-6079f09492b9

The bug gives the appearance of the pages loading slower, and depending on the "lightness" difference in the background and background colour can "lightly flash-bang" the users. It just generally looks "clunky".

Nextcloud version: 30.0.8 (but has existed since at least nc 27)
Firefox version: 136.0.1 (but has been since at least ff 115.0)
Operating system: OpenSUSE Tumbleweed (Linux; kernel 6.13.8, mesa, amd gpu)

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

Reproduce the app-switching transition in Firefox using the attached clip as the reference, then compare it with Edge or another Chromium browser. Trace the frontend rendering of the viewport background and identify the relevant app-switching entry point; done means the background image remains visible without an orange or other background-colour flash.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.