I have a radio button that has a non-visible input when inspecting element, this is what I see

[![When hovering, nothing is shown about the code](https://i.stack.imgur.com/LnKnz.png)](https://i.stack.imgur.com/LnKnz.png)

This is the HTML

```
<rhr-radio-button element-id="criterion-type" model="$ctrl.criterion.criterionTypeRadio" ng-value="$ctrl.CRITERION_TYPE_COST" required="true" label="procurement.evaluation.criterion.options.criterion_type_cost" class="ng-scope ng-isolate-scope" value="COST"><!-- ngIf: $ctrl.horizontal !== 'true' && !$ctrl.readOnly --><div class="radio ng-scope" ng-if="$ctrl.horizontal !== 'true' &amp;&amp; !$ctrl.readOnly"><label><input type="radio" class="px ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" name="criterion-type" ng-value="::$ctrl.value" ng-model="$ctrl.model" ng-required="$ctrl.innerRequired" ng-disabled="$ctrl.disabled" ng-change="$ctrl.onChange()" value="COST" required="required"> <span class="lbl ng-binding" ng-bind="::($ctrl.label | translate) + '&nbsp;'">Price&nbsp;</span><!-- ngIf: $ctrl.showHelpText === 'true' --></label></div><!-- end ngIf: $ctrl.horizontal !== 'true' && !$ctrl.readOnly --><!-- ngIf: $ctrl.horizontal === 'true' && !$ctrl.readOnly --><!-- ngIf: $ctrl.readOnly && $ctrl.value == $ctrl.model --></rhr-radio-button>

```

I've tried everything, such as:

```
         await element.all(by.repeater("ng-scope")).all(by.css("input[type='radio']")).get(0).click();

      all(by.tagName('radio.ng-scope')).get(0).click();

       element(by.element-id('rhr-radio-button[element-id=criterion-type]')).click();

```

I'm suspecting it has something to do with the fact that I can't see the element when inspecting. Any ideas?