CODEWITHSUNDEEP
javascriptradio-buttonsapui5
Developer
Developer

Reputation: 47

Radiobutton click fails

I have implemented a Radio Button Group with three Radio Buttons. If I want to click on one Button to activate them, I have to click two times. The first time it only selects the box:

see picture

and the second time it selects the Radio Button. Does anyone know an answer?

<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>

Upvotes: 0

Views: 196

Answers (1)

schnoedel
schnoedel

Reputation: 3948

It's a bug in SAPUI5.

As you said the bug is reproducable at SAPUI5 Explored which runs SAPUI5 version 1.32.10 at the moment.

If you try OpenUI5 Explored running OpenUI5 version 1.34.6 it works nicely.

In the release notes you find this entry for version 1.34.3:

[FIX] sap.m.RadioButton: Fixes an issue with clicking two times on a button to select it

As a workaround you could try to add the following css:

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

Upvotes: 1

Related Questions