"can't create duplicate variable that shadows a global property"
<p>Getting this error on Safari 10</p>

<p>Happens when a const is given a name that's exactly the same as an <code>id</code> of any element on the page.</p>

<pre><code>const abc = document.querySelector("#abc"); //err
const abz = document.querySelector("#abc"); //no err
var abc = document.querySelector("#abc"); //no err
</code></pre>

<p>Is there a reason for this?<br>
I know you can access the elements via window.abc, is that part of the why?</p>

<p>Test:</p>

<pre><code>&lt;!doctype html&gt;
&lt;html&gt;&lt;body&gt;
&lt;div id="alpha"&gt;&lt;/div&gt;
&lt;script&gt;
    const alpha = document.querySelector('#alpha');
    console.log(alpha);
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</code></pre>