Search code examples
htmlhreffont-awesome

Button click doesn't open new window

I have a font awesome icon <i> item inside a a href with a target='_blank' — yet only the text is clickable; clicking on the icon opens a new tab with about:blank, not the actual link. 

<a href="..." class="not-light" target="_blank" style="display: block; ">
    <i class="fa fa-android"></i> »
</a>

How do I make the icon clickable as well?

For example, click the lightbulb in the footer of the http://ambieye.com/ site's footer.

Solution

  • The issue was in the javascript handler, not the css/html; the way to find these issues is in Chrome's handlers section, under 'click handler' - 

    function handleSystemLink(a) {  
  var url = a.target.href;

    The argument a was the i element which did not have href, thus openning a bad link.