Links And Ng-clicks In Bootstrap Dropdown Not Working On Chrome 48 For Windows 8.1

I've got a Bootstrap dropdown in my app's navbar with some links in it. Some links have ng-click triggers attached while others are just regular links. The following code works fin

Solution 1:

Try this way:

<ahrefng-click="setTab('/setup?tab=account');"><iclass="fa fa-fw fa-user"></i> My Account</a>

href attribute with # value may cause navigation.

Solution 2:

Finally solved my own problem. Wanting to leave no stone unturned, I bumped up my Bootstrap version from 3.3.4 to 3.3.5 and re-tested the click propagation using the snippet of jQuery from the first update to my question. When I did this, the propagation stopped on the dropdown-backdrop instead of the button div, which tipped me off to the backdrop's existence. I then realized that if I hide the dropdown backdrop, as this post suggest, the problem goes away!

Unfortunately this answer comes with a few caveats:

1. I don't know how this solution impacts mobile, which is what the backdrop is supposed to be for. In my case this is a non-issue since the project isn't intended for mobile anyways.
2. I still don't know why the click propagation gets disrupted only on Chrome for Windows 8, so this solution is a hack at best.

Hopefully this helps someone else down the road. This was quite a pain to debug.