Toggle button states are visually indistinguishable (from focus state)

[speller]

Toggled button states are totally visually indistinguishable. It is no way to tell the end user is button toggled or not. Do you plan to change it?

[andresgalante]

Hi @speller to me this is a visual bug.

Toggle state is the same as active
Active is the same as hover.

This means that if you are hover a btn, and you toggle it you won't be able if it's on or off because it will always look like hover.

I'll try experiment with colors and find a good solution for this one.

[speller]

@andresgalante Thank you for your answer. It is not a bug, but visual issue.

As I imagine users should intuitevely recognise is toggled button on or off. Docs explain checkboxes can be visually represented as toggle buttons, but its appearance is not intuitive and visually hard to recognise. But it should be intuitive like standard checkbox itself. Without this every developer who want to use non-standard checkbox or toggle button will have to make its own custom controls. I think Bootstrap should provide such basic controls out of the box. Toggle buttons and checkboxes are used to show something on or off, and currently it is no way to do that without custom modifications.

As a suggestion it may be useful to make additional feature to allow developers to define state icons. As Bootstrap is not linked to any predefined icon set it will be good enough to set just two icons of developer's favorite icon set and buttons will automatically show them. But it should be an addition to basic visual states defferetiation.

Bootstrap 4 is fresh and modern framework and I hope it will be as complete as possible to avoid wasting time for basic controls development.

[ysds]

Probably duplicate of #23710