title: Handling radiobuttons in popup dialog using webdriver
body: <p>For a web based dialog popup in an angular JS app, it has 2 radio buttons whose xpaths are as follow :-
  1. <code>html/body/div[4]/div/div/div/div/div/div/div[2]/div/div/div/div/wizardviews/div[2]/div[1]/label/input</code>
  2. <code>html/body/div[4]/div/div/div/div/div/div/div[2]/div/div/div/div/wizardviews/div[2]/div[2]/label/input1</code></p>
  
  <p>The code is able to open the popup but not able to click on the radio button as the click enables the "Next" button on the same dialog.</p>
  
  <p>Below is the HTML code for more clarification :-</p>
  
  <pre><code>&lt;html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths ng-scope" ng-app="AtlasEMPI" style=""&gt;
  &lt;head&gt;
  &lt;body class="ng-scope modal-open" ng-controller="AtlasEMPICtrl"&gt;
  &lt;div class="container body-content divEMPIContainer"&gt;
  &lt;span class="select2-hidden-accessible" role="status" aria-live="polite"&gt;&lt;/span&gt;
  &lt;span class="select2-hidden-accessible" role="status" aria-live="polite"&gt;&lt;/span&gt;
  &lt;div class="row"&gt;
  &lt;div class="modal-backdrop fade in" ng-style="{'z-index': 1040 + (index &amp;&amp; 1 || 0) + index*10}" ng-class="{in: animate}" modal-backdrop="" style="z-index: 1040;"&gt;&lt;/div&gt;
  &lt;div class="modal fade ng-isolate-scope dialogClass in" ng-click="close($event)" ng-style="{'z-index': 1050 + index*10, display: 'block'}" ng-class="{in: animate}" role="dialog" tabindex="-1" modal-window="" window-class="dialogClass" size="lg" index="0" animate="animate" style="z-index: 1050; display: block;"&gt;
  &lt;div class="modal-dialog modal-lg" ng-class="{'modal-sm': size == 'sm', 'modal-lg': size == 'lg'}" style=""&gt;
  &lt;div class="modal-content" ng-transclude=""&gt;
  &lt;div class="ng-scope ng-isolate-scope" empiwizarddialog="" wizardoptions="empiwizardOption"&gt;
  &lt;div class="row"&gt;
  &lt;div class="empimodal-content" ng-class="(empiwizardOption.calledsource == 'usermgmt')?'empimodal-user':''"&gt;
  &lt;span class="adcfonticon-cancelcircle close-btn" ng-click="empiwizardOption.cancel(step)"&gt;&lt;/span&gt;
  &lt;div class="empipanel" ng-class="(empiwizardOption.header ==false)?'empipanelnoborder' : 'empipanel'"&gt;
  &lt;div class="adcmodal-header" ng-show="empiwizardOption.header"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-sm-12"&gt;
  &lt;div style="padding-top:15px"&gt;
  &lt;div class="slide-frame ng-scope" ng-switch="getCurrentStep()"&gt;
  &lt;div class="ng-scope" ng-switch-when="confirmReject"&gt;
  &lt;wizardviews viewname="confirmReject"&gt;
  &lt;div class="row"&gt;
  &lt;hr class="empihorizontalruler empihorizontalrulertop"&gt;
  &lt;div class="row input-group createnewMPIDdidlaog"&gt;
  &lt;div class="col-sm-6"&gt;
  &lt;label class="lblradiorejectdialog"&gt;
  &lt;input class="rdoreject ng-pristine ng-valid" type="radio" value="createnewMPID" ng-model="radioreject" style="" name="1NM"&gt; 
  </code></pre>