Getting ElementNotInteractableException for sendKeys statement

Question

Tried executing the code but getting:

ElementNotInteractableException: element not interactable 

for the below sendKeys statement. What could be the solution??

WebElement ss = driver.findElement(By.cssSelector("div[class='select__single-value css-1uccc91-singleValue']"));
ss.click();
ss.sendKeys("abc");

Answer 1

Generally <div> tags are not interactable unless [contenteditable="true"] (How to modify the innerHTML of a contenteditable element) is attribute is explicitly set.

---

Solution

If your usecase is to invoke click() / sendKeys() generally you have to invoke on <input> elements but not on <div>. Try to identify the element using the inspector opening the google-chrome-devtools and identify the desired <input> element.

---

References

You can find a couple of relevant detailed discussion on ElementNotInteractableException in:

• Selenium WebDriver throws Exception in thread “main” org.openqa.selenium.ElementNotInteractableException
• How to resolve ElementNotInteractableException: Element is not visible in Selenium webdriver?

Answer 2

Please make sure you are using the correct path as div tags are usually not interactable.

By.cssSelector("div[class='select__single-value css-1uccc91-singleValue']");

Here, you are using the compound class which is no longer allowed in selenium. So, try using:

By.cssSelector("div[class='.select__single-value.css-1uccc91-singleValue']");