title: <Select> Tag is not working for selecting value in dropdown
body: <p>I am facing an issue where dropdown has  tag. but still I am unable to select value in dropdown and it is throwing exception. I am able to get dropdown values but unable to select</p>
  
  <p>Here is complete details</p>
  
  <p>URL : <a href="https://semantic-ui.com/modules/dropdown.html" rel="nofollow noreferrer">https://semantic-ui.com/modules/dropdown.html</a></p>
  
  <p>Testcase: Select multiple values in Skill dropdown.( Find attachment for exact field on web page.</p>
  
  <pre><code>WebDriver driver = new FirefoxDriver();
  driver.get("https://semantic-ui.com/modules/dropdown.html");
  driver.manage().timeouts().implicitlyWait(10L, TimeUnit.SECONDS);
  
  WebElement Dropdown = driver.findElement(By.name("skills"));
  Select sel = new Select(driver.findElement(By.name("skills")));
  List&lt;WebElement&gt; Options = sel.getOptions();
  
  System.out.println(Options.size());
  
  for(int i=0;i&lt;Options.size()-1;i++) {
      driver.findElement(By.xpath("//*[@id=\"example\"]/div[4]/div[1]/div[2]/div[4]/div[1]/div[8]/div")).click();
      System.out.println(Options.get(i).getAttribute("value"));
      if(Options.get(i).getAttribute("value").equalsIgnoreCase("angular")||Options.get(i).getAttribute("value").equalsIgnoreCase("Graphic Design")||Options.get(i).getAttribute("value").equalsIgnoreCase("HTML")) {
          Thread.sleep(6000);
          sel.selectByIndex(i);
          }
      }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/9rwtc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9rwtc.png" alt="Webelement details"></a></p>
  
  <p><strong>Exception</strong>:
  Exception in thread "main" org.openqa.selenium.ElementNotInteractableException:</p>
  
  <p>Please help to suggest for this. </p>