When I console log the following in Google Chrome:

console.log(document.querySelector('#task-title')); 

The output in the console should look like this:

<h5 id="task-title">Tasks</h5>

But more offten than not it displays like this:

enter image description here

If I click refresh about 10 times I eventually get the correct output.

Can someone tell me why this is and if there is a way to fix it?

It seems like some kind of bug to me.