Selenium wait not solving error "Element is not currently visible" - selenium

Question

I got an error:
Element is not currently visible and so may not be interacted with
Command duration or timeout: 63 milliseconds
So I added "wait" object to wait for the html obj to load:
val wait: WebDriverWait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.elementToBeClickable(By.id("company_id")))
val selectCompany = new Select(driver.findElement(By.id("company_id")))
selectCompany.selectByValue("975")
but still i get the error:
Exception in thread "main" org.openqa.selenium.TimeoutException: Timed
out after 10 seconds waiting for element to be clickable: By.id:
company_id
and I dont get it since the html is:
<select class="upload_company_id jcf-hidden" id="company_id" name="company_id" size="2"><option value="">Select account...</option>
<option value="100">100</option>
<option value="101">101</option>
<option value="104">104</option>
<option value="975">105</option>
this is more of the html:
thanks

Answer 1

I am not sure that the expected condition you choosed is right.The class you are using is select class. Could you please try elementToBeSelected(WebElement element)?

Answer 2

What you need to check is the computed CSS values of the element you are clicking. (In Chrome web inspector select the Computed tab on the right).
Selenium thinks that an element is hidden and can't be interacted with if any of these CSS values are set for the element:
display=none or
visibility=hidden or
visibility=collapse
If you can find any of these values on the computed tab, you will have to use JS to click on the element, or change the CSS value of the element on some way - Selenium will refuse interacting with the element regardless of the actual visibility of it. (I suspect the problem will be the "jcf-hidden" class)
When inspecting the element, switch to this tab in Chrome inspector on the right side:
and look for any of the mentioned values in the list.