title: href is not working after click
body: <p>i reused component from another team and everything looks fine.
  It is some &quot;login experience&quot; so we have some icon and after click we can see links. But when i hover over links, i am able to see redirect url (&quot;in left bottom corner&quot;), however when i click on them, nothing happens. When i rightclick and press open in new tab, it works.</p>
  <p>So basically i think something is preventing click() event. As i could not find the rootcause, i tried to add there some custom click event, which will take &quot;link&quot; from href attribute and will do</p>
  <pre><code>window.location.href
  </code></pre>
  <p>And then something strange happened. I tried to loop through links which specific  classes and nothing happened. Selector works because i can see HTML collection when i do :</p>
  <pre><code>console.log(document.getElementsByClassName('link'));
  console.log(document.getElementsByClassName('link').length);
  </code></pre>
  <p>it retrieves HTMLCollection and i can see elements. But second log returns '0'. So i am not able in this point manipulate this link.</p>
  <p>In console when I expanded HTMLCollection it has some &quot;i&quot; mark that says Value was calculated/evaluated just now.
  But when i do same length check right in chrome console it returns correct value.</p>
  <p>It looks like DOM is manipulated and rendered after my code is called.</p>
  <p>Has anybody faced issue like this, please?</p>
  <p>Thanks,</p>
  <p>But when i do console.log</p>
  <h1>UPDATE #1</h1>
  <pre><code>stop(event) {
      if (event.target.tagName !== 'A') {
        event.preventDefault();
        event.stopPropagation();
      }
  </code></pre>
  <p>This is event that is making some stop. But i dont think this is my case because HTML code is exactly the same as component which is working. I just added class to override it</p>