Currently the way they're written it's basically a hack. Not only that, what we could use is already provided by OOUI; we should eventually get around to refactoring and converting these dropdowns into an OOUI widget. There's multiple options we can use which are:
- RadioSelectInputWidget (Radio buttons)
- DropdownInputWidget (dropdown menus)
- ButtonSelectWidget (a group for multiple buttons which acts like a button toggle group); There's also ButtonGroupWidget but I'm not actually sure what the difference is. (There seems to be a few minor differences but they seem to operate almost the same functionality-wise?)
There's multiple options we can go from and although I don't have much time to write a proper reply for design input, my opinion is basically TL;DR a dropdown menu would be the best route simply because screen estate is precious. Thoughts @ashley @Isarra ?
- https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.ButtonSelectWidget
- https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.ButtonGroupWidget
- https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.RadioSelectWidget
- https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.DropdownWidget
- https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui.DropdownInputWidget (intended to be used with HTMLForm, also relevant ticket: T152336: Convert SocialProfile UserProfile Special:UpdateProfile to OOUI HTMLForm)