Problem clicking an element with selenium python

Question

I'm trying to click an element on a web page using selenium and python

driver.find_element_by_class_name("market-selection.ng-scope").click()

But I get the error that the element isn't clickable

selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable

This is the element html (it's not in a frame btw); I'm guessing that the interactable part is the second div but I also tried the other two just in case...

<div class="market-selection-container 18" ng-repeat="market in wrapperCategoryGroup.currentMacroCategoria.mkl track by $index">
      <!-- ngIf: wrapperCategoryGroup.marketTypes[market].nm    -->
      <div class="market-selection ng-scope" ng-if="wrapperCategoryGroup.marketTypes[market].nm" ng-class="{'active':wrapperCategoryGroup.currentMarketType == market}" ng-click="wrapperCategoryGroup.getMarketType(market)" style="">
        <span class="ng-binding">
          doppia chance 
        </span>
      </div>
    <!-- end ngIf: wrapperCategoryGroup.marketTypes[market].nm -->
 </div>

Any hint?

undetected Selenium · Accepted Answer · 2020-11-21T19:52:44.930

1

To click on the element with text as save you can use either of the following Locator Strategies:

Using css_selector:

driver.find_element_by_css_selector("div.market-selection.ng-scope > span.ng-binding").click()

Using xpath:

driver.find_element_by_xpath("//div[@class='market-selection ng-scope']/span[@class='ng-binding' and contains(., 'doppia chance')]").click()

Ideally, to click on the element you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following Locator Strategies:

Using CSS_SELECTOR:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.market-selection.ng-scope > span.ng-binding"))).click()

Using XPATH:

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='market-selection ng-scope']/span[@class='ng-binding' and contains(., 'doppia chance')]"))).click()

Note: You have to add the following imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

edited Nov 21 '20 at 19:52

answered Nov 21 '20 at 19:34

undetected Selenium

183,867
41
278
352

Doesn't seem to work: it still returns that error (by the way I had it implicitly waitin before clicking, will it still work?) – Grinch Nov 21 '20 at 19:49
1

@Grinch Remove the implicit way totally. Mixing up both of them results in unpredictable waits. – undetected Selenium Nov 21 '20 at 19:50
But I also realized that
– Grinch Nov 21 '20 at 19:51
Even if I didn't have WebDriverWait? I only used implicitly wait – Grinch Nov 21 '20 at 19:51
@Grinch Updated answer removing `active` from the value of _class_. Retest and let me know the result. – undetected Selenium Nov 21 '20 at 19:53
still same error... would it help if I posted my entire code? Maybe I'm doing some other mistake – Grinch Nov 21 '20 at 19:56
The HTML is crucial, did you pick up the HTML before clicking? – undetected Selenium Nov 21 '20 at 19:58
1

Ok it worked out, I didn't properly test your xpath solution AFTER removing "active". Thank you – Grinch Nov 21 '20 at 20:05

Problem clicking an element with selenium python

1 Answers1