Why does scrollIntoView work weird in WebKit?

Question

safari

After the page has loaded, I want to scroll to the latest post (works in Firefox and IE11)

document.querySelector('.message:last-of-type').scrollIntoView(false);

But for some reason only the code works in Chrome and Safari

document.addEventListener('DOMContentLoaded', function () {
    setTimeout(function () {
        document.querySelector('.message:last-of-type').scrollIntoView(false);
    }, 0);
});

Full source code
Is this a WebKit engine bug?

Answer 1

It's not a bug, and scrollIntoView has nothing to do with it, it's just that your script starts executing before this DOM element is loaded, so either wait for the event (complete loading), or place the script after the element (parsing and building the DOM goes from top to bottom, head first, then body).

Answer 2

Hello. Because such a life