Hide and show not working on using Radio group

General
1

This is my json schema
selected_teeth_to_treat: {
type: “string”,
label: “Select teeth to treat”,
isRadioGroup: true,
enum: [“one”, “two”, “three”, “four”],
},
class_correction: {
isRadioGroup: true,
type: “string”,
label: “Class Correction”,
enum: [“xxxx”, “yyyy”, “zzzz”],
},

And this is my uiSchema
{
type: “Control”,
scope: “#/properties/selected_teeth_to_treat”,
},
{
type: “Control”,
scope: “#/properties/class_correction”,
rule: {
effect: “HIDE”,
condition: {
scope: “#/properties/selected_teeth_to_treat”,
schema: {
enum: [“four”],
},
},
},
},
On clicking four , I have to hide the class_correction schema
But I didn’t see any changes in the UI on using hide property in UI schema

2

Hi @sanjay251996,

We don’t support neither isRadioGroup nor label as part of the JSON Schema with our offered renderer sets. You must be using a custom renderer set.

hide-enum

Using our Material renderer set this works out of the box. My guess is that the radio group custom control does not properly respect the visible prop handed over to it. Please check the code and adapt as necessary.