ElementNotInteractableException: element not interactable

Why this happens

• The locator matches a hidden duplicate (e.g. the mobile menu's copy of a link) instead of the visible one
• The element is still animating in, or is inside a collapsed section, dropdown, or tab that hasn't opened
• You're typing into a wrapper `<div>` instead of the real `<input>` inside it (common with custom-styled inputs)
• The browser window is too small, so a responsive layout hid the element

How to fix it

1. Wait for `ExpectedConditions.elementToBeClickable(...)`, not just for the element to be present
2. Tighten the locator so it only matches the visible element, and check how many elements it matches with `findElements(...).size()`
3. Target the real `<input>` element rather than its styled container
4. Set a fixed window size (e.g. 1920x1080) in headless runs so the layout matches what you tested locally

Example

              WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement email = wait.until(
    ExpectedConditions.elementToBeClickable(By.cssSelector("input[name='email']")));
email.sendKeys("qa@example.com");