Wiki title blink does not work reliably when opening from another tab/window

[gonX]

The Javascript code handling the fragment in the URL that's designed to blink the title of the section in the fragment does not seem to consider whether the tab is visible to the user yet.

How to reproduce:

1. Open this link leading to the wiki in a new tab: https://opentabletdriver.net/Wiki/FAQ/Linux#libinput-smoothing
2. Wait a second or 2 after the tab finishes loading
3. You may now switch to the new tab
4. Observe that the section title has not blinked to catch the attention of the user

You can switch to the tab instantly after opening, or refresh the page to confirm that the script does work correctly.

Suggested fixes:

• Don't blink the title before the script can confirm that the user is on the page ('window visible' event if any, mouse movement, etc)
• Instead of using an animation, highlight the title in a different manner

[Kuuuube]

https://developer.mozilla.org/en-US/docs/Web/API/Window/focus_event

[gonX]

https://developer.mozilla.org/en-US/docs/Web/API/Window/focus_event

Looks like visbilityState is more what we're looking for, unless I am misreading it. The focus event seems to only be when the page is clicked, based on the examples provided in the link.

[Kuuuube]

A focus event attatched to window can trigger when a new window is opened, when a user changes tabs to the tab, when the user clicks on the browser window when it was previously unfocused, when the user unminimizes the browser window, etc.

They're essentially identical except that focus can trigger when the user clicks off and back onto the browser window. If you want to avoid that then visibilitychange could be better. (visibilitychange can also detect when a user hides a page but that's irrelevant here)

Whichever way you want to go here.

window.addEventListener("focus", () => {
    //whatever
});

document.addEventListener("visibilitychange", () => {
    if (document.visibilityState === "visible") {
        //whatever
    }
});