自动对焦不适用于Salesforce Lightning中的单选按钮

Question

我们有一个社区页面，其中的问题是动态填充的，它包括一个文本框，一个单选按钮和一个选项列表。我们已经为使用这些控件编写了正常的HTML。

当我们尝试为单选按钮添加自动焦点时（如下所示），当选项列表是页面中的第一个字段时，选项列表选项卡不起作用。

<input class="inputFocus" type="radio" aura:id="{!SCHOOLQUESTIONS.Id}" onchange="{!c.fireMyApplicationEvent}"  name="{!v.SCHOOLQUESTIONS.Id}" id="{!optionVals.Acc_Ques_Picklist_Name__c}" aria-describedby="{!v.SCHOOLQUESTIONS.Id}" value="{!optionVals.Acc_Ques_Picklist_Name__c}" required="Required" />

使用Javascript：

if(document.getElementsByClassName('inputFocus')[0]!=null) {

                    console.log('Done Rendering Called::5'+(document.getElementsByClassName('inputFocus')[0].id));
                    document.getElementsByClassName('inputFocus')[0].focus();
                    component.set("v.focusSetOnField",true);

                }   

当我们尝试删除它时，它工作正常。有时我们可能有一个单选按钮是第一个字段，我们可能想要自动对焦。请告诉我。