How does Selenium click on elements that are 50% on screen and 50% not on screen?

by

element’s in-view center point

As per the WebDriver W3C Specification an element’s in-view center point is the origin position of the rectangle that is the intersection between the element’s first DOM client rectangle and the initial viewport.

Given an element that is known to be in view, it can be calculated this way:

  1. Let rectangle be the first element of the DOMRect sequence returned by calling getClientRects on element.
  2. Let left be max(0, min(x coordinate, x coordinate + width dimension)).
  3. Let right be min(innerWidth, max(x coordinate, x coordinate + width dimension)).
  4. Let top be max(0, min(y coordinate, y coordinate + height dimension)).
  5. Let bottom be min(innerHeight, max(y coordinate, y coordinate + height dimension)).
  6. Let x be floor((left + right) ÷ 2.0).
  7. Let y be floor((top + bottom) ÷ 2.0).
  8. Return the pair of (x, y).

An element is in view if it is a member of its own pointer-interactable paint tree, given the pretense that its pointer events are not disabled.

Element Click

element_click

As per the documentation the Element Click command scrolls into view the element if it is not already pointer-interactable, and clicks its in-view center point.

Note: If the element’s center point is obscured by another element, an element click intercepted error is returned. If the element is outside the viewport, an element not interactable error is returned.

Solution

In such cases there are two possible solutionas follows:

  1. You can induce WebDriverWait setting the expected_conditions as element_to_be_clickable(). So effectively your line of code will be:

    WebDriverWait(browser, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, ".reply-button"))).click()

  2. You can use move_to_element(to_element) and click(on_element=None) method respectively. So effectively your line of code will be:

    ActionChains(driver).move_to_element(element).click(element).perform()

Reference

You can find a relevant discussion in selenium.common.exceptions.ElementClickInterceptedException: Message: element click intercepted: Element is not clickable with Selenium and Python

More Related Contents:

  1. How can I make sure if some HTML elements are loaded for Selenium + Python?
  2. How to handle html5 constraint validation pop-up using Selenium?
  3. What does #document mean?
  4. How to handle HTML constraint validation pop-up using Selenium?
  5. What is the difference between ChromeDriver and WebDriver in selenium?
  6. Compiling dynamic HTML strings from database
  7. Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
  8. Selenium: How selenium identifies elements visible or not? Is is possible that it is loaded in DOM but not rendered on UI?
  9. What characters are allowed in DOM IDs? [duplicate]
  10. Why does firebug add to ?
  11. What is DOM reflow?
  12. How to get text of an element in Selenium WebDriver, without including child element text?
  13. StaleElementReferenceException on Python Selenium
  14. How to get a child element to show behind (lower z-index) than its parent?
  15. How to use XPath contains() for specific text?
  16. Why does a stray end tag generate an empty paragraph?
  17. Is there a way to use Selenium WebDriver without informing the document that it is controlled by WebDriver?
  18. Angular2, what is the correct way to disable an anchor element?
  19. How to turn off w3c in chromedriver to address the error unknown command: Cannot call non W3C standard command while in W3C
  20. Does anybody know how to identify shadow dom web elements using selenium webdriver?
  21. Why is a self-closing iframe tag preventing further DOM elements to be displayed?
  22. jQuery click function doesn’t work after ajax call? [duplicate]
  23. What is shadow root
  24. Which DOM elements can be child of tr?
  25. How can I get text of an element in Selenium WebDriver, without including child element text?
  26. DOM mutation events replacement
  27. What are the CSS properties that get elements out of the normal flow?
  28. In the DOM are node ids case sensititve?
  29. How to get the text from the HTML5 input field error message in Selenium?
  30. How can I extract the text of HTML5 Constraint validation in https://www.phptravels.net/ website using Selenium and Java? [duplicate]

Leave a Comment