Well, I couldn't recreate the problem via codepen so that got me thinking it must be a Twitter Bootstrap problem. Turns out they change the default webkit focus from outline to box-shadow. A simple box-shadow: none; and all my problems solved! Thanks!
No problem, and yeah, If I knew that you were using Bootstrap, that would have helped because twitter uses little animations for their own custom outline. The Chrome outline color is always square and orange.
outline: none;to it. If not, maybe a Codepen example would be better.