My problem is related to anchor links rather than buttons. I am using Bootstrap 3 and have a fixed .navbar with scrollspy functionality. When I click on a nav link, the link remains in Focused mode even when scrolling without clicking outside it. The only way to remove the focus state is by clicking elsewhere outside the nav. This issue is not visible in Safari.
Is there a way to automatically UNfocus the nav link using mousedown/mouseup instead?
EDIT: It turns out that the issue was not related to Mouseup/Mousedown as previously believed.
Here's my #nav code for reference. Thank you!
<body id="page-top" data-spy="scroll" data-offset="" data-target=".navbar-fixed-top">
<nav role="navigation" id="nav" class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="#page-top">TOP</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right text-center">
<li><a href="#about">ABOUT</a></li>
<li><a href="#work">WORK</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>