Webdriver Firefox "Element could not be scrolled into view"

Question

I am facing this problem on Firefox v.59, Selenium 3.11.0. I just click on an element, like this:

webDriver.findElement(By.id("row_0")).click();

and I get exception:

org.openqa.selenium.ElementNotInteractableException: Element <tr id="row_0" class="row_0 txtSearchColor1"> could not be scrolled into view

I already try with JavascriptExecutor like this:

js.executeScript("arguments[0].scrollIntoView(true);", webDriver.findElement(By.id("row_0")));
js.executeScript("arguments[0].click();", webDriver.findElement(By.id("row_0")));

but nothing works, it does nothing. This is element HTML:

<tr id="row_0" class="row_0 txtSearchColor1">
   <td></td>
   <td></td>
   <td></td>
</tr>

Note that, all the solutions work normally on Chrome (v65) and this element is visible. Does anyone have the same problem and a solution? Thanks

EDIT: HTML code of the elements:

Answer 1

A workaround that works for me so far is that I use a 'fake' tr:

• Find the tr I want to click
• Find a td that belongs to that tr and click on it. it works

This bug is reported on Bugzilla and this workaround is recommended

Answer 2

I faced the same issue when I upgraded to new Firefox version 63. I have used the Actions class to click an element. Give a try!

WebElement  element = WebDriver.findElement("locator");               
Actions act=new Actions(driver);
act.moveToElement(element).click().perform();

Answer 3

Wait for sometime before clicking.Give the page some time to load/scroll to the element.

Answer 4

I also use a javascript to scroll an element into view, but I use the x and y positions, and I also wait for jquery to be active:

public static void scrollIntoView(WebElement ele) {
    ((JavascriptExecutor)driver).executeScript("window.scrollTo(" + ele.getLocation().x + "," + ele.getLocation().y + ")");
    waitForJQueryToBeActive();
}

public static void waitForJQueryToBeActive() {
    Boolean isJqueryUsed = (Boolean) ((JavascriptExecutor) driver)
            .executeScript("return (typeof(jQuery) != 'undefined')");
    if (isJqueryUsed) {
        while (true) {
            // JavaScript test to verify jQuery is active or not
            Boolean ajaxIsComplete = (Boolean) (((JavascriptExecutor) driver)
                    .executeScript("return jQuery.active == 0"));
            if (ajaxIsComplete)
                break;
            try {
                Thread.sleep(100);
            } catch (InterruptedException e) {
            }
        }
    }
}

Answer 5

I was getting the same issue but below JavascriptExecutor works for me on Firefox

Please find the below code driver.get("https://www.icicibank.com/"); System.out.println(driver.getWindowHandle()); driver.manage().timeouts().implicitlyWait(50,TimeUnit.SECONDS); Setwind=driver.getWindowHandles(); for (String hand : wind) { driver.switchTo().window(hand); System.out.println("Window "+hand); } JavascriptExecutor js = (JavascriptExecutor) driver; //js.executeScript("document.querySelector("button[id=yourButton]").click()"); WebElement element = driver.findElement(By.xpath("//div[@id='push-modal-content' and @class='active']/div[@id='push-modal-close' and contains(text(),'Later')]")); js.executeScript("arguments[0].scrollIntoView();",element); try { Thread.sleep(10000); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } js.executeScript("arguments[0].click();",element);

Answer 6

I had the same problem. Where I was unable to select a dropdown value with selectByValue, selectByIndex and selectByVisible text. I tried actions class and scrollBy using Javascript executor also. Nothing worked. After 1 day of trial and error, I came up with the below workaround,

public static void selectDropDownByVisibleText(WebElement element, String text){
        waitForPageLoad();
        String firstCharacterDropDownVal = ""+text.charAt(0);
        HashSet<String> uniqueDropDownVals = new HashSet<>();
        try {
            Select select = new Select(element);
            select.selectByVisibleText(text);
        }catch (ElementNotInteractableException e){
            Select select = new Select(element);
            //If dropdown is notInteractable then we are sending the first character of dropdown value
            //So each time the selected value in the dropdown will change. Once we reach our desiredDropdown value we exit
            while(!select.getFirstSelectedOption().getText().equalsIgnoreCase(text) &&
                    uniqueDropDownVals.add(select.getFirstSelectedOption().getText())) {
                element.sendKeys(firstCharacterDropDownVal);
            }
        }
        log.info("Selected dropdown by visible text "+text);
    }


public static void waitForPageLoad() {
        log.debug("Waiting for page to get loaded..");
        new WebDriverWait(Driver.getDriver(), Duration.ofSeconds(FIND_ELEMENT_WAIT_TIME)).
                ignoring(NoSuchElementException.class).ignoring(StaleElementReferenceException.class).
                until(webDriver -> ((JavascriptExecutor) webDriver).executeScript("return document.readyState").equals("complete"));
        log.debug("Page loaded successfully");
    }

I will explain the working. First it will try to select by visible text. If we get the exception it will enter inside the catch block. There we are sending the first character of the desired text on the dropdown webelement. So the dropdown element changes. Let's say the dropdown values are Apple,Aeroplane,Adam and I want to select Adam. First time I send 'A' on the webelement the dropdown changes to Apple. Then I add it to the HashSet and check whether the selected element is the desired element. if it matches then we break out of the while loop. If the same element is added twice, then the HashSet add method will return false. This will break us out of the while loop and keep us from entering into an infinite loop. So each time I enter 'A' the dropdown value changes to the next value that starts with 'A'. This is the approach. Hope this helps.