Selenium Python: Element not clickable because another element obscures it

Question

I want to click on a button that is either not yet clickable or has another element on top of it.

But as soon as it is clickable, I want to press it. I tried this:

button = WebDriverWait(driver, 10).until(
EC.element_to_be_clickable((By.CLASS_NAME, "likeClick")))
button.click()

But it doesnt work because I still get the error

selenium.common.exceptions.ElementClickInterceptedException: Message: Element <a class="likeClick"> is not clickable at point (400,553) because another element <div class="delete-overlay"> obscures it```

Does this answer your question? Selenium-Debugging: Element is not clickable at point (X,Y) — Prophet
– Prophet, Commented Mar 13, 2022 at 16:09
@Prophet It shouldn't as this usecase is ElementClickInterceptedException where as the dup target is about WebDriverException. — undetected Selenium
– undetected Selenium, Commented Mar 13, 2022 at 17:19

undetected Selenium · Accepted Answer · 2022-03-13 17:18:00Z

This error message...

selenium.common.exceptions.ElementClickInterceptedException: Message: Element <a class="likeClick"> is not clickable at point (400,553) because another element <div class="delete-overlay"> obscures it

...implies that the click to the <a> element failed as the element was obscured the <div> element which seems to be an temporary overlay .

Solution

To click on the desired element you need to induce WebDriverWait for the invisibility_of_element_located() of the overlay and then induce WebDriverWait for the element_to_be_clickable() and you can use either of the following locator strategies:

Using CSS_SELECTOR:

WebDriverWait(driver, 30).until(EC.invisibility_of_element_located((By.CSS_SELECTOR, "div.delete-overlay")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a.likeClick"))).click()

Using XPATH:

WebDriverWait(driver, 30).until(EC.invisibility_of_element_located((By.XPATH, "//div[@class='delete-overlay']")))
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[@class='likeClick']"))).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

Collectives™ on Stack Overflow

Selenium Python: Element not clickable because another element obscures it

1 Answer 1

Solution

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Solution

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related