title: Selenium Firefox span tag
body: <p>I'm having a problem with selecting an element by linkText which is located in a span. In Chrome it works perfectly but in Firefox it doesn't for some reason and i can't understand it for hours already. I'm trying to locate the element as follows: <code>login.wait.until(ExpectedConditions.elementToBeClickable(By.linkText("Kassa"))).click();</code> However it simply doesn't find it. I noticed that all other elements that are located in the upper navigation bar and the text isn't in a span tag it finds easley, however thous that are in the span it can't find. What is the difference and what is the best way to reach to that element. Because in this case finding by linkText seems to be perfect. Thank you! HTML attached:</p>
  
  <pre><code>&lt;nav class="site-navbar navbar navbar-inverse navbar-fixed-top bg-teal-600" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
          &lt;div class="navbar-header"&gt;
                  &lt;div class="navbar-brand site-gridmenu-toggle" data-toggle="gridmenu"&gt;
                      &lt;span class="navbar-brand-text"&gt;whatever&lt;/span&gt;
                  &lt;/div&gt;
              &lt;button type="button" class="navbar-toggle hamburger hamburger-close collapsed" data-target="#site-navbar-collapse" data-toggle="collapse"&gt;
                  &lt;i class="hamburger-bar" aria-hidden="true"&gt;&lt;/i&gt;
              &lt;/button&gt;
  
              &lt;button type="button" class="navbar-avatar navbar-toggle padding-horizontal-0" data-toggle="dropdown" href="#" aria-expanded="false" data-animation="scale-up" role="button"&gt;
                  &lt;span class="avatar avatar-online" style="top: -3px"&gt;
                      &lt;img src="https://whatever.png" alt="..."&gt;                  &lt;i&gt;&lt;/i&gt;
                  &lt;/span&gt;
              &lt;/button&gt;
  
                           &lt;a type="button" href="https://whatever" class="navbar-toggle padding-top-15 padding-horizontal-0"&gt;
                  &lt;span class="btn btn-warning"&gt; Kassa &lt;/span&gt;
              &lt;/a&gt;
  </code></pre>
  
  <p>Code snippet: <code>
  System.setProperty("webdriver.gecko.driver","C:\\Utility\\BrowserDrivers\\geckodriver.exe");
  driver = new FirefoxDriver();
  wait = new WebDriverWait(driver, 10);
  driver.manage().window().maximize();</code></p>
  
  <p>Then i'm going to the webpage, through basic authentication , won't post this data here and basically on the page that i land i want to try to find the element like that:</p>
  
  <pre><code>login.wait.until(ExpectedConditions.elementToBeClickable(By.linkText("Kassa"))).click();
  </code></pre>
  
  <p>Picture of the nav. bar <a href="https://i.stack.imgur.com/R8NgT.png" rel="nofollow noreferrer">nav. bar</a></p>