RadioGroup - How to deselect a selected item

Hello Anton,

You can reset the RadioGroup component's value by setting the component's value option to undefined when an end user clicks the selected item once. Unfortunately, the component does not have an API to check if the selected item was clicked or double-clicked as you specified in your request.
UPDATED:
However, you can use the multi-purpose onOptionChanged callback and track the changes of the fullName and value parameters as demonstrated in the following code snippet:

JavaScript
data() {
  return {
    priorities,
    valueChanged: false,
  };
},
methods: {
  handlePropertyChange: function (e) {
    if (e.name === "isActive" && e.value === false) {
      if (this.valueChanged) {
        this.valueChanged = false;
      } else {
        e.component.resetOption("value");
      }
    }
    if (e.name === "value" && e.value !== e.previousValue) {
      this.valueChanged = true;
    }
  },
},

The code inside the if condition will be executed when you click a selected item once.

Here is a complete example that demonstrates how this code works: https://codesandbox.io/s/overview-devextreme-radio-group-forked-vwoto?file=/App.vue:351-807

Please note that the values of these parameters are not documented. So, if you decide to use this code, I recommend that you thoroughly test it in case we change these values in future updates.

Thanks,
Alisher