www.zeitakademie.de - Page content does not load when scrolling

[webcompat-bot]

URL: https://www.zeitakademie.de/zeitonline-verlagsangebot-psychologie-der-verhandlung/?wt_zmc=nl.int.zakad.zak-va-kw-03.zak_abo_promo..bild.sozialer_beweis_land.x&utm_medium=nl&utm_source=zak-va-kw-03_zakad_int&utm_campaign=zak_abo_promo&utm_content=_bild_sozialer_beweis_land_x#seite1

Browser / Version: Firefox Mobile 96.0 Operating System: Android 11 Tested Another Browser: Yes Other

Problem type: Design is broken Description: Items not fully visible Steps to Reproduce: Opened the site, swiped down because of dynamic views and only the background color changed. There appears to be an image that is not visible. Also the format of the initial view seems to be overlapping

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20220126154723
• channel: release
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue using Firefox Focus (Release and Nightly) and on the latest Firefox Fenix Nightly. Upon scrolling, the page does not load the content, and presents visible performance issues:

Tested with: Browser / Version: Firefox Focus Release 97.1.0 (360320331 -🦎97.0-20220131171509🦎) / Firefox Fenix Nightly 98.0a1 (2015861931 -🦎98.0a1-20220206065831🦎)/ Chrome Mobile Version 97.0.4692.98 We appreciate your report. I was not able to reproduce the issue. Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Fenix Nightly.
3. Works as expected using Chrome.
4. Performance profile uploaded: https://share.firefox.dev/3gs0AUP .

Moving this to NeedsDiagnosis for further investigations.

[qa_06/2022]

[denschub]

I don't think this is a performance issue. It feels like one, but I don't see any significant jank in a profile. This smells like something weird inside their touch-event handling. Probably, maybe. I don't know yet, so this has to be revisited once we figured out why the site isn't loading.

The issue where the contents are not loading is interesting. I cannot reproduce on Desktop, but I can see this on my device - not only in Fenix, but also in GVE. Even more interesting: A GVE build on my hardware (left) fails, but the exact same GVE build on my emulator (right) works:

What? They both run the same Android version, show the same UA string, both are aarch64 devices, ... there shouldn't be any significant difference between them. However, on my device, I notice a JS exception that isn't there in the emulator (stack shortened for brevity):

Uncaught ReferenceError: Unable to process binding "plforeach: function(){return fullscreen_slides }"
Message: Unable to process binding "pltext: function(){return call2action }"
Message: call2action is not defined
    pltext https://www.zeitakademie.de/wp-content/plugins/pl-platform/engine/ui/js/common.js?var=777 line 10 > Function:3
    update https://www.zeitakademie.de/wp-content/plugins/pl-platform/engine/ui/js/site.js?var=777:5
    l https://www.zeitakademie.de/wp-content/plugins/pl-platform/engine/ui/js/common.js?var=777:10
    Pc https://www.zeitakademie.de/wp-content/plugins/pl-platform/engine/ui/js/common.js?var=777:9
    Qc https://www.zeitakademie.de/wp-content/plugins/pl-platform/engine/ui/js/common.js?var=777:9

This is a bit tricky. The source where this throws is inline-JS in the HTML, so I can't pretty-print that. And since the error doesn't happen in my emulator but only on the device, I also can't proxy-replace the HTML with an unminified version... From the attribute names, and function names, I think this site is based on Knockout.js, and the binding function here fails for some reason. But I don't really know why.

Given this is hard to diagnose from our end, I'll try to reach out to them.

[denschub]

I've sent them a message to the address shown in their imprint.