Browser doesn't navigate when clicking a link.

UPDATE:

The application runs in a webview control (IE11 W8.1).

When the user click on the text of a link the application does not navigate. It does trigger the click event on the link, the link has a valid href, and there is no javascript preventing the application to navigate.

We solved the issue removing the content of the link, but that does not seems like a good solution.

This web application work nice in FireFox and Chrome.

Within IE11 we had a similar issue for a link that uses the following markup:

<a href="/"><span>caption</span></a>

Is this a known bug in the webview control?

# ORIGINAL #

Hi,

I'm working on an web application and we have a specific issue with windows 8.1 and IE11. (Firefox and Chrome do work nice).

When clicking links, some cases the click javascript event is triggered but the page does not navigate to the 'href' of the link.

There isn't any preventDefault on the event handlers (every other browser do always work).

The main difficulty here is that it doesn't always happen, I've observed that it happens more often when keeping the mouse down for a while and when clicking over the caption (the actual text of the link).

I prepared a fiddle to show the actual mark-up, but wasn't able to reproduce the error there.

The frameworks being used are: Rails(4.0.1), jQuery(1.10), jQuery-ujs, bootstrap (customized) and font-awesome.

My actual workaround is the following (and it is working)

var isIE11 = !!navigator.userAgent.match(/Trident\/7\.0/)

if isIE11 {
  $(document).on('click', $.rails.linkClickSelector,  function(event) {
    if (!event.defaultPrevented) {
      window.location.href = $(this).attr('href') 
    }
  }
}

Update: this fix works only on the browser but do not works in the webview control that is utilizing IE11 (in which the application is actualy running).