arstechnica.com login blank

[vershner]

Arstechnica.com updated their site not long ago, and the login box no longer displays. I have reported it on their forum too.

In the top-right of the front page, there is a "sign-in" button. Clicking this opens a box within the page, but there is a div class="sign-in-form" that should hold the login form, but it is empty in Palemoon.
Console output below:

Code: Select all

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features! 

arstechnica.com

Alpine Expression Error: event is not defined


Expression: "

        panel = $el.parentElement.parentElement.parentElement.parentElement.parentElement;

        if (triggered || panel !== event.detail.panel) {

          return;

        }

        triggered = true;

        html = await (await fetch('/civis/login')).text();

        // Parse html for form with action=/civis/login/login

        parser = new DOMParser();

        doc = parser.parseFromString(html, 'text/html');

        form = doc.querySelector('form[action="/civis/login/login"]');

        // Remove autofocus and set focus to username field

        username = form.querySelector('input[name="login"]');

        username.removeAttribute('autofocus');

        document.querySelector('.sign-in-form').appendChild(form);

        username.focus();

      "


 <div class="col-span-3 normal-case text-gray-300" x-data="{ html: '', form: '', triggered: false }" x-on:modal-opened.window="

        panel = $el.parentElement.parentElement.parentElement.parentElement.parentElement;

        if (triggered || panel !== event.detail.panel) {

          return;

        }

        triggered = true;

        html = await (await fetch('/civis/login')).text();

        // Parse html for form with action=/civis/login/login

        parser = new DOMParser();

        doc = parser.parseFromString(html, 'text/html');

        form = doc.querySelector('form[action=&quot;/civis/login/login&quot;]');

        // Remove autofocus and set focus to username field

        username = form.querySelector('input[name=&quot;login&quot;]');

        username.removeAttribute('autofocus');

        document.querySelector('.sign-in-form').appendChild(form);

        username.focus();

      "> 

app.a8cb79.js:1:4786

ReferenceError: event is not defined[Learn More] 

app.a8cb79.js%20line%201%20%3E%20AsyncFunction:4:1

    anonymous https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js%20line%201%20%3E%20AsyncFunction:4:1

    next self-hosted:1284:9

    X/s</< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:5844

    Y https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:4650

    bind_applyFunctionN self-hosted:1229:9

    bind_invokeFunctionN self-hosted:1214:12

    Y self-hosted:1194:16

    ./scripts/app.js/</r< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:43702

    o https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:31878

    wt https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:8508

    wt self-hosted:1122:17

    show https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js%20line%201%20%3E%20AsyncFunction:6:16

    anonymous https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js%20line%201%20%3E%20AsyncFunction:2:32

    next self-hosted:1284:9

    X/s</< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:5844

    Y https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:4650

    bind_applyFunctionN self-hosted:1229:9

    bind_invokeFunctionN self-hosted:1214:12

    Y self-hosted:1194:16

    ./scripts/app.js/</r< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:43702

    o https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:31878

    Zi/o< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:33753

    a/< https://cdn.arstechnica.net/wp-content/themes/ars-v9/public/js/app.a8cb79.js:1:31900

[Moonchild]

Arstechnica is using an old, deprecated and ambiguous way of processing event handlers. They are relying on a "global" window.event which was originally an MSIE-ism, was eventually adopted by some other browsers for compatibility reasons but is not to be used, certainly not in new code.
See the various warnings on this MDN page. They should be using events as passed into the event handler and not (attempt to) rely on the ambiguous global "event".

If you need to log in right now, Pale Moon does have a (temporary) workaround for it as you can enable the global event reference with about:config, preference dom.window.event.enabled and reloading the page after flipping it, but one shouldn't rely on it and it's not recommended to leave enabled for browsing otherwise.

[vershner]

Thanks, I'll pass that back to them.

I found that their forum log in still works, and if I log into there first then load the front page the session is carried across.