Log activeElement on focus

focus.js

document.addEventListener('focusin', (e) => 
    // Sanity check for target being activeElement, should always be true
    console.log('focusin', e.target === document.activeElement, document.activeElement)
);

document.addEventListener('focusout', (e) => 
    // Sanity check that activeElement is body, should always be true
    console.log('focusout', document.body === document.activeElement)
);

@halitcelik > What I read is that label gets focus but forwards it to input.

Interesting. But look:

<label tabindex="0" for="x" ... >...</label>
<input type="radio" id="x" />

The label gets focus, but hitting enter does not check the radio.

On firefox, if label doesn't have tabindex, it just skips.

And this doesn't seem to help... the input gets focus before the link, but the label still does not seem to focus the input.

<input type="radio" id="x" />
<a href="#some-other-focusable-thing">...</a>
<label for="x" ... >...</label>

Yes, on Chrome too.