Skip to content

Button in List group not getting hover state on focus #24806

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

Closed
timptner opened this issue Nov 16, 2017 · 2 comments
Closed

Button in List group not getting hover state on focus #24806

timptner opened this issue Nov 16, 2017 · 2 comments

Comments

@timptner
Copy link

In my card I added a list group with <a> elements and one <button>. With normal background the items and also the button will get into hover state on focus but with bg-dark the button will no longer support hover state.

photo_2017-11-16_22-05-31
photo_2017-11-16_22-05-36

@timptner
Copy link
Author

Live demo:
codepen.io

Browsers tested:

Opera ❌

Chrome ❌

Firefox ❌

Safari ❌

Bootstrap Version:
4.0.0-beta2

@tmorehouse
Copy link
Contributor

There also appears to be a related issue when the button has the active class as well. it lacks any hover/focus styling.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants