arstechnica.com login blank

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
vershner
Hobby Astronomer
Hobby Astronomer
Posts: 25
Joined: 2016-11-25, 12:01

arstechnica.com login blank

Unread post by vershner » 2024-10-30, 16:30

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

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 37649
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: arstechnica.com login blank

Unread post by Moonchild » 2024-10-30, 16:53

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.
"A dead end street is a place to turn around and go into a new direction" - Anonymous
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

vershner
Hobby Astronomer
Hobby Astronomer
Posts: 25
Joined: 2016-11-25, 12:01

Re: arstechnica.com login blank

Unread post by vershner » 2024-10-30, 17:24

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.