javascript - 单选按钮单击失败

Question

我已经实现了一个包含三个单选按钮的单选按钮组。如果我想单击一个按钮来激活它们，我必须单击两次。第一次它只选择该框:

第二次选择单选按钮。有谁知道答案吗？

<VBox class="vbox_padding">
      <Label text="Graph" class="sapUiSmallMarginTop labelStyle" design="Bold"/>
      <RadioButton class="buttonPosition" id="rad_btn-1" groupName="column-group2" text="Number of User" selected="true"/>
      <RadioButton class="buttonPosition" id="rad_btn-2" groupName="column-group2" text="New Users"/>
      <RadioButton class="buttonPosition bottomButtonStyle" id="rad_btn-3" groupName="column-group2" text="Both"/>
</VBox>

Answer 1

这是 SAPUI5 中的一个错误。

正如您所说，该错误可以在 SAPUI5 Explored 处重现。目前运行 SAPUI5 版本 1.32.10。

如果你尝试OpenUI5 Explored运行 OpenUI5 版本 1.34.6 它运行良好。

在 release notes您会找到版本 1.34.3 的此条目:

[修复] sap.m.RadioButton:修复了单击按钮两次以选择它的问题

作为解决方法，您可以尝试添加以下 css:

.sapMRb:focus:before {
    pointer-events: none;
}