Navigation Menu

Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Border color for input group on focus highlighted unevenly on right #17001

Closed
jplehmann opened this issue Aug 18, 2015 · 2 comments
Closed

Border color for input group on focus highlighted unevenly on right #17001

jplehmann opened this issue Aug 18, 2015 · 2 comments
Labels
css v3
Milestone
v3.3.6

Comments

@jplehmann
Copy link

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.

screen shot 2015-08-17 at 8 48 00 pm

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!
@mdo mdo added the css label Aug 18, 2015
@kkirsche kkirsche mentioned this issue Aug 18, 2015
Closed
@kkirsche
Copy link
Contributor

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.

@cvrebert cvrebert added the v3 label Aug 19, 2015
kkirsche added a commit to kkirsche/bootstrap that referenced this issue Aug 20, 2015
@kkirsche
Use z-index 3 to show focus state on all sides of input
f6f4f09 
Fixes twbs#17001
@cvrebert cvrebert mentioned this issue Nov 14, 2015
Closed
This was referenced Nov 15, 2015
Closed
Merged
@mdo mdo added this to the v3.3.6 milestone Nov 15, 2015
@mdo
Copy link
Member

mdo commented Nov 15, 2015

Fixed in #18253.

@mdo mdo closed this as completed Nov 15, 2015
cvrebert added a commit that referenced this issue Nov 15, 2015
@cvrebert
Fix #17001 in v4
1e6f23c 
Refs #18253
[skip sauce]
@cvrebert cvrebert mentioned this issue Nov 15, 2015
Merged
@kkirsche kkirsche mentioned this issue Feb 21, 2016
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css v3
Projects
None yet
Milestone
v3.3.6
Development

Successfully merging a pull request may close this issue.

Use z-index 3 to show focus state on all sides of input kkirsche/bootstrap
4 participants
@mdo @cvrebert @jplehmann @kkirsche