OOUI: problem with button groups - Wikitech-l

15 Apr 2019


      Hello,
While I am waiting for my other OOUI-related question to be answered, I
want to ask a brand new one!
Please see the code here: https://meta.wikimedia.org/wiki/User:Huji/OOUI2.js
Once you enable this script, you will be shown a dialog with two sets of
buttons. The first set has "Show Emotions" pre-selected, and you see two
buttons (Happy and Sad) in the second button group. You can click on those
buttons and you will see they get highlighted as you select them.
Next, you can click on "Show Animals" and that will swap the second row
with a new ButtonSelectWidget which has two choices (Cat and Dog). Again,
you can click on Cat or Dog and they will get highlighted and function
normally.
*Now the problem:* Click on "Show Emotions" again; it will bring back the
other ButtonSelectWidget, the one with Happy and Sad buttons; but these
buttons do not work anymore. If you click on the they won't get selected,
and indeed, the 'choose' even is not triggered for that ButtonSelectWidget
anymore either.
I also tried a different implementation in which instead of swapping the
contents of the panel, I recreate the ButtonSelectWidget each time, but
that also had the same problem.
Am I doing something wrong, or have I uncovered a bug in OOUI?
Thanks,
Huji