Border color for input group on focus highlighted unevenly on right #17001
4 participants
kkirsche
commented
Aug 18, 2015
PR submitted @jplehmann — thanks for reporting this. @mdo build failed due to a travis issue it seems not the code change itself. JSBin of the fix is in the PR. Just a simple z-index change.
This was referenced Nov 14, 2015
Closed
This was referenced Nov 15, 2015
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm having the same problem which can be seen in BS documentation:
http://getbootstrap.com/components/#input-groups-buttons
Click on the right example "Search for...". Notice how the blue border/outline on the right side is covered up. The left example doesn't really have this problem.
The blue comes from .form-control:focus { border-color, outline, webkit-box-shadow, box-shadow } at least on my page.
My site is: http://www.morphmarket.com and you'll see the same issue on its search input and the middle button too. I messed with Chrome inspector for a while, but this is beyond me -- and when I saw the docs had the same problem, I figured I could create an issue. Thanks!