How to check if an element is into view using Selenium WebDriver?
To interact with an element the element needs to be within the Viewport. If the element is not within the Viewport you have to scroll() as follows:
((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", element);You can find a detailed discussion on different scrolling option in What is the difference between the different scroll options?
At this point it is worth to mention, the following methods:
- moveToElement() and other methods from Actions Class
- elementToBeClickable() from ExpectedConditions Class
will automatically scroll the element within the Viewport before getting executed.
You can find a detailed discussion in Selenium python Error: element could not be scrolled into view
Finally, in the rarest of the rare cases if the HTML DOM comprises of Angular or React elements you may even have to induce WebDriverWait for the visibilityOfElementLocated() before you attempt to scroll as follows:
((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView();", new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("button.nsg-button"))));