Active button in btn-group missing right border

[danasilver]

The right border of an active button is hidden under the next button to the right. The border appears when the active button has the :hover class and is the only thing that changes when the active button is hovered, making it somewhat conspicuous.

This can be seen in this Fiddle on the first button in the first btn-group and the second button in the second btn-group when each button is hovered.

Bootstrap 3.0.0 RC1

[mdo]

Works for me in the docs—just tried it out.

Your fiddle doesn't seem to apply to the problem you're describing though.

[danasilver]

I didn't see any active buttons in button groups in the docs.

I didn't realize the fiddle url wasn't updated from the Bootstrap 3 skeleton. Here's the correct url: http://jsfiddle.net/KnuU6/4/

[danasilver]

This seems to happen because z-index: 2 is only set on the hover and active pseudo classes in button-groups.less and not the active class that a button may have. Here's a fix that adds active as a class for which buttons in a btn-group have z-index: 2.

df9186c

Edit: Link to the issue in the docs: http://getbootstrap.com/javascript/#buttons. Under checkbox or radio, click on one of the left two buttons, mouse off, then hover over the active button.