Bootstrap: <button> stays focused after pressing them

[hotzenklotz]

I noticed this strange behavior, that <button> tags stay focused after pressing them. Unfortunately that means that they keep their "pressed" state appearance and confuse users about their current state. This is especially evident for the .btn .btn-default class.
<a> tags are not affected.

Only noticed this behavior only in Chrome (OSX & Win8). FF and Safari are OK on OSX. This could be a browser related issue.

I haven't found any Github issue about this so far. Nobody had any more info on IRC as well.

[juthilo]

That's standard browser behavior. You could theoretically override the visuals, but we strongly recommend against doing so for accessibility reasons.

[A1vinSmith]

public handleClick (e: any) { if (e) e.preventDefault() }
onMouseDown={this.handleClick}

https://github.com/styled-components/styled-components/issues/2366
https://github.com/A1vinSmith/storybook-stylecommoncomponents-test