title: ElementClickInterceptedException: Message: element click intercepted Element is not clickable error clicking a radio button using Selenium and Python
body: <p>I am trying to click on the first box (ASN / DSD)</p>
  <p><a href="https://i.stack.imgur.com/6zws6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6zws6.png" alt="enter image description here" /></a></p>
  <p>But I get this error message:</p>
  <pre><code>selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: 
  Element &lt;input type=&quot;radio&quot; name=&quot;docTypes&quot; ng-model=&quot;$ctrl.documentTypes.selected&quot; id=&quot;documentType-0&quot; ng-change=&quot;$ctrl.onChangeDocumentType()&quot; ng-value=&quot;documentType&quot; tabindex=&quot;0&quot; class=&quot;ng-pristine ng-untouched ng-valid ng-empty&quot; value=&quot;[object Object]&quot; aria-invalid=&quot;false&quot;&gt; 
  is not clickable at point (338, 202). 
  Other element would receive the click:
   &lt;label translate-attr=&quot;{title: 'fulfillment.documentAction.createNew.modal.documentType.document.title'}&quot; translate-values=&quot;{documentName: documentType.name}&quot; for=&quot;documentType-0&quot; translate=&quot;ASN - DSD&quot; tabindex=&quot;0&quot; title=&quot;Select ASN - DSD document type&quot;&gt;...&lt;/label&gt;
    (Session info: chrome=83.0.4103.116)
  </code></pre>
  <p>I know I have entered the right iframe because it can find the element, just not click on it.
  My code is</p>
  <pre><code>driver.switch_to.default_content()
  iframes = driver.find_elements_by_tag_name(&quot;iframe&quot;)
  driver.switch_to.frame(iframes[0])
  time.sleep(5)
  driver.find_element_by_xpath('//*[@id=&quot;documentType-0&quot;]').click()
  </code></pre>
  <p>I saw that DebanjanB answered a similar question on here: <a href="https://stackoverflow.com/questions/48665001/can-not-click-on-a-element-elementclickinterceptedexception-in-splinter-selen">link</a></p>
  <p>I am trying to do his third solution of using execute script. I don't know what CSS selector to use for this model.
  The model looks like this</p>
  <pre><code>WebDriverWait(driver, 20).until(EC.invisibility_of_element((By.CSS_SELECTOR, &quot;span.taLnk.ulBlueLinks&quot;)))
  driver.execute_script(&quot;arguments[0].click();&quot;, WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, &quot;//div[@class='loadingWhiteBox']&quot;))))
  </code></pre>
  <p>My question is what css selector do I need to use on the first line, and then is it just initial xpath I was using on the second line?</p>
  <p>Here is the HTML for reference. I get the click intercept error when I try to click on the input section. If use xpath to click on the label tag, it does not error out but also does not click on it. It just moves on to the next section of code without doing anything.</p>
  <pre><code>&lt;li ng-repeat=&quot;documentType in selectDocumentType.documentTypes.displayedList |
  orderBy:selectDocumentType.formOrder&quot;&gt; 
  
  &lt;input type=&quot;radio&quot; name=&quot;docTypes&quot; ng
  model=&quot;selectDocumentType.documentTypes.selected&quot; id=&quot;documentType-0&quot; ng-value=&quot;documentType&quot;
  tabindex=&quot;0&quot; class=&quot;ng-valid ng-not-empty ng-dirty ng-valid-parse ng-touched&quot; value=&quot;[object Object]&quot;
  aria-invalid=&quot;false&quot;&gt; 
  
  &lt;label translate-attr=&quot;{title:'fulfillment.documentAction.createNew.modal.documentType.document.title'}&quot; 
  translate-values={documentName: documentType.name}&quot; for=&quot;documentType-0&quot; translate=&quot;ASN - DSD&quot; tabindex=&quot;0&quot; title=
  &quot;Select ASN - DSD document type&quot;&gt;&lt;span&gt;ASN - DSD&lt;/span&gt;&lt;/label&gt; &lt;/li&gt;
  </code></pre>
  <p>Any suggestions on how to stop having the click intercepted?</p>