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