search

webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
742 stars 65 forks source link

www.staybl.app - Screen flickering when interacting with animated elements on the page #102366

Open emilio opened 2 years ago

emilio commented 2 years ago

URL: https://www.staybl.app/

Browser / Version: Firefox Mobile 101.0 Operating System: Android 12 Tested Another Browser: Yes Chrome

Problem type: Something else Description: Animation mid-page flickers when scrolling Steps to Reproduce: Just scroll down, and there's a section of the page that flickers (see screenshot for the exact section)

View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

softvision-raul-bucata commented 2 years ago

@emilio Thanks for the report. I was able to reproduce the issue. Upon scrolling the page and reaching the animated element, scrolling back-up, or scrolling in the element area (attempting to move the element in the slider for example) causes screen flickering:

screen flickering2

Tested with:

Browser / Version: Firefox Release 99.1.1 (2015871915-🦎99.0-20220330194208)/ Firefox Nightly 101.0a1 (2015874219 -🦎101.0a1-20220410065930🦎)/ Chrome Mobile Version 100.0.4896.79 Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density) Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

Notes:

  1. Reproducible regardless of the status of ETP.
  2. Reproducible on the latest build of Firefox Nightly and Release.
  3. Works as expected using Chrome.

Moving this to NeedsDiagnosis for further investigations.

[qa_15/2022]

emilio commented 2 years ago

Ah, this happens on desktop as well and it's due to async image decoding. They could fix it with decoding=sync.

sv-calin commented 1 year ago

The issue is still reproducible.

staybl

Tested on: • Browser / Version: Firefox Nightly 108.0a1-20221103095349 / Chrome 107.0.5304.91 • Operating System: OnePlus 6 A6000 (Android 11) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

[inv_44/2022]