javascript - element.selectedItemが期待どおりに機能しない

Question

次のコードがあります。これはXULインターフェイスを動的に構築し、radiobuttonradio3をアクティブなradiobuttonとして設定する必要があります。

    addTab: function () {
        try {
            var tabpanels = document.getElementById("folderPropTabPanel");
            if (!tabpanels) {   // TB v2.0 beta
                var tabbox = document.getElementById("folderPropTabBox");   // This is the parent of tabpanels
                tabpanels = tabbox.childNodes[1];
            }
            var vbox1 = document.createElement('vbox');
            tabpanels.firstChild.nextSibling.appendChild(vbox1);
            var radiogroup1 = document.createElement('radiogroup');
            radiogroup1.setAttribute('id', 'radiogroup1');
            vbox1.appendChild(radiogroup1);
            var radio1 = document.createElement('radio');
            radio1.setAttribute('id', 'radio1');
            radio1.setAttribute('label', 'radio1');
            radiogroup1.appendChild(radio1);
            var radio2 = document.createElement('radio');
            radio2.setAttribute('id', 'radio2');
            radio2.setAttribute('label', 'radio2');
            radiogroup1.appendChild(radio2);
            var radio3 = document.createElement('radio');
            radio3.setAttribute('id', 'radio3');
            radio3.setAttribute('label', 'radio3');
            radiogroup1.appendChild(radio3);
            document.getElementById('radiogroup1').selectedItem = document.getElementById('radio3');
            Application.console.log(document.getElementById('radiogroup1').selectedItem.tagName);
            Application.console.log(document.getElementById('radiogroup1').selectedItem.id);
        } catch (e) {
            Application.console.log(e);
        }
    }

拡張機能でこのコードを実行した後、3つのラジオボタンが表示されますが、3番目のラジオボタンの内側にドットが表示されません。また、マウスを使用して他のラジオボタンを選択することはできません。コンソールにエラーは表示されません。「radio」、「radio3」の2つの単語だけなので、コードは正常に機能しているようです。Thunderbirdのバグですか、それとも何ですか？