You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The Toggle Buttons functionality in v5 does not work properly.
I have found two errors (first and third problem) and one usability issue (second), but I keep them in the same Issue since I suspect they are related.
Please note that I do not know if the errors are in the framework or the documentation.
First problem
Single button does not work.
Reproduce:
Use any major desktop browser (see below, not tested on Safari).
Hover mouse over "Single toggle", the bg color changes to primary.
Click the button "Single toggle", the frame around the button changes, the bg color still primary.
Click the button again, the frame remains as the bg color as primary.
Click the button again, no difference.
This is bad user experience. The user need to remove the mouse from the button to see the outcome of the action.
Expected behaviour: It should be possible to see the result of the action directly after mouse click.
Note: I'm new to Bootstrap, maybe different configurations solves this, but it should work "out of the box" from the Documentation, for newbies like me.
Third problem
Checkbox button group does not work on iOS device.
Reproduce:
Use iOS 14.2 device (not tested on other version). Use any browser, Safari, Firefox or Chrome (see below).
Click again on "Checkbox 1", nothing happens. Expected behaviour: It should deselect.
Click on "Checkbox 2". Now "Checkbox 1" is deselected and "Checkbox 2" is selected. Expected behaviour: When using checkbox behaviour, only the button pressed should be affected, "Checkbox 2" should be selected and "Checkbox 1" should remain selected.
Please note: Third problem works as expected on major desktop browsers (see below).
First and second problem:
Operating system: Windows 10 Education 64-bit, Version 1909, OS build 18363.1256
Desktop browsers:
Google Chrome / Version 87.0.4280.88 (Official Build) (64-bit)
Firefox / Version 84.0.1 (64-bit)
Microsoft Edge / Version 87.0.664.66 (Official build) (64-bit)
This discussion was converted from issue #32597 on December 22, 2020 20:13.
Heading
Bold
Italic
Quote
Code
Link
Numbered list
Unordered list
Task list
Attach files
Mention
Reference
Menu
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
The Toggle Buttons functionality in v5 does not work properly.
I have found two errors (first and third problem) and one usability issue (second), but I keep them in the same Issue since I suspect they are related.
Please note that I do not know if the errors are in the framework or the documentation.
First problem
Single button does not work.
Reproduce:
Second problem
Mouse over hides the action.
Reproduce:
This is bad user experience. The user need to remove the mouse from the button to see the outcome of the action.
Expected behaviour: It should be possible to see the result of the action directly after mouse click.
Note: I'm new to Bootstrap, maybe different configurations solves this, but it should work "out of the box" from the Documentation, for newbies like me.
Third problem
Checkbox button group does not work on iOS device.
Reproduce:
Please note: Third problem works as expected on major desktop browsers (see below).
First and second problem:
Operating system: Windows 10 Education 64-bit, Version 1909, OS build 18363.1256
Desktop browsers:
Third problem:
Operating system: iOS 14.2 / HW iPhone 7
Browsers (for iOS):
Beta Was this translation helpful? Give feedback.
All reactions