2034355 - rok.lilith.com - The page is blank

Status: ASSIGNED

(Web Compatibility :: Site Reports, defect, P3)

Description

[Raul Bucata (⛔PTO until May 20🌴)]

Environment:
Operating system: Windows 10
Firefox version: /Firefox 150 / Floorp 12.12.1@149.0.3

Steps to reproduce:

1. Navigate to: https://rok.lilith.com/
2. Observe

Expected Behavior:
The page loads

Actual Behavior:
Blank page

Notes:

• Reproduces regardless of the status of ETP
• Reproduces in firefox-nightly, and firefox-release
• Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/217349

Comment 1

[Raul Bucata (⛔PTO until May 20🌴)]

Chrome mask loads the page

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

Comment 3

[Thomas Wisniewski [:twisniewski]]

The page appears if I open the debugger or resize the window, so something weird is going on here. Indeed, if I call window.onresize, the page's content appears. I think we should find out why, even if I figure out a good intervention. This is the related code:

$(document).ready(function () {
    const isFirefox = navigator.userAgent.indexOf("Firefox") != -1;
    function resize () {
        const ww = document.documentElement.clientWidth || window.innerWidth;
        let zoom = ww / 1920;
        if (isFirefox) {
            const mlr = (1920 - (zoom * 1920)) / 2;
            $('.mod-responsive').css({
                '-webkit-transform': 'scale(' + zoom + ')',
                '-mod-transform': 'scale(' + zoom + ')',
                'transform': 'scale(' + zoom + ')',
                '-webkit-transform-origin': 'top center',
                '-mod-transform-origin': 'top center',
                'transform-origin': 'top center',
                margin: `-${0}px -${ mlr }px`
            });
            setTimeout(() => {
                const modH = $('.mod-responsive').height() * zoom;
                $('.view').css({'height': `${modH}px`});
            }, 100);
        } else {
            zoom = document.body.clientWidth / 1920;
            $('.mod-responsive').css({ zoom: zoom });
        }
    }
    resize();
    window.onresize = resize;
})

It looks like it ought to be working...

Comment 4

[Thomas Wisniewski [:twisniewski]]

The problem isn't happening on Android (they don't even have an onresize method there). So I will make this a desktop-only intervention for now.

Comment 5

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 2034355 - add a desktop-only webcompat intervention for rok.lilith.com; r?ksenia

Comment 6

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/02f2e7bbee65
https://hg.mozilla.org/integration/autoland/rev/fbe2575e3b3b
add a desktop-only webcompat intervention for rok.lilith.com; r=ksenia,webcompat-reviewers

Comment 7

[Sandor Molnar[:smolnar]]

https://hg.mozilla.org/mozilla-central/rev/fbe2575e3b3b