-
-
Notifications
You must be signed in to change notification settings - Fork 78.7k
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
Bad UX for Checkbox Button on mobile browser #26804
Comments
@ffoodd Does this roll up into you color efforts? Not sure how much I'd change here at this point right now. |
@mdo Not really. Here it concerns our I implemented the darken VS lighten thing to ensure contrasts are improved (and I can see it hasn't been backported to v4, should it?), but the color itself depends on the amount of difference (currently Two ideas here:
|
Thoughts on closing this out as a stale won't fix? We've improved some of the coloring (especially in v5), but honestly the best approach here would be visible indicators other than color changes (either showing the form control or adding some inline images). I wouldn't be opposed to see a PR from someone to do the latter, but I don't see much of a need to push this forward. |
Bug description:
Using the checkbox buttons on a mobile browser (Chrome Browser 67.0.3396.87 on Android) if you uncheck/check a button it will not show the proper styling as it seems to be still hovered.
This is resulting in really bad UX (imho) due to the fact that for the overall user the button still seems to be unchecked (this is especially annoying for outlined buttons and button groups).
You can see the difference between checked and unchecked in the below screenshots on the checkbox button (or at least you can see that there is nearly no difference):
Reproduction:
You can check this by simply accessing the demo here using a mobile browser:
http://getbootstrap.com/docs/4.1/components/buttons/#checkbox-and-radio-buttons
Version of Bootstrap:
Bootstrap: 4.1.0
The text was updated successfully, but these errors were encountered: