title: Message: Element <option> could not be scrolled into view while trying to click on an option within a dropdown menu through Selenium
body: <p>I am trying to select a drop down menu and choose an option. I am using the latest version of Selenium, the latest version of Firefox, the latest version of geckodriver, and the latest version of Python. </p>
  
  <p>Here is my issue: When I try to choose an option, it gives me the following error:  </p>
  
  <pre><code>selenium.common.exceptions.ElementNotInteractableException: Message: Element &lt;option&gt; could not be scrolled into view.
  </code></pre>
  
  <p>I have tried various ways to circumnavigate this issue, but none seem to work. Here are some of the approaches I tried. </p>
  
  <pre><code>mySelectElement = browser.find_element_by_id('providerTypeDropDown')
  dropDownMenu = Select(mySelectElement)
  dropDownMenu.select_by_visible_text('Professional')
  
  mySelectElement = browser.find_element_by_id('providerTypeDropDown')
  dropDown = Select(mySelectElement)
  for option in dropDown.options:
      message = option.get_attribute('innerText')
      print(message)
      if message == 'Professional':
          print("Exists")
          dropDown.select_by_visible_text(message) 
          break
  
  element = browser.find_element_by_id('providerTypeDropDown')
  browser.execute_script("var select = arguments[0]; for(var i = 0; i &lt; select.options.length; i++){ if(select.options[i].text == arguments[1]){ select.options[i].selected = true; } }", element, "Professional")
  </code></pre>
  
  <p>The HTML code follows the usual select tags and option tags. Any help is appreciated. The HTML code is included below. </p>
  
  <pre><code>&lt;select data-av-chosen="providerTypes" id="providerTypeDropDown" data-placeholder="Please Select a Provider Type" name="providerTypeDropDown"
  class="chzn-select input-full ng-pristine chzn-done ng-invalid ng-invalid-provider-type" data-ng-options="providerType.value for providerType in request.models.providerTypes"
  data-ng-model="request.models.providerType" data-av-validator-field="providerType" data-disable-search-threshold="5" style="display; none;"&gt;
      &lt;option value="" class=""&gt;Please Select a Provider Type&lt;/option&gt;
      &lt;option value="0"&gt;Professional&lt;/option&gt;
      &lt;option value="1"&gt;Institutional&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <p>The print statements are there for testing/code tracing purposed.</p>