Tabindex not working as it should in the lesson

freeCodeCamp Support
1

Tell us what’s happening:
hi

ive been wondering why when i click on the tab button on the keyboard the cursor doesnt go the the search input but instead highlights the links.

i checked the forum. some say the solution is that there should not be a tabindex . Or autofocus should be included. Other say that the lesson is outdated…

I am wondering was this intentionally made? why this lesson was not fixed or updated?

cheers

Your code so far


<body>
<header>
  <h1>Even Deeper Thoughts with Master Camper Cat</h1>
  <nav>
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Blog</a></li>
      <li><a href="">Training</a></li>
    </ul>
  </nav>
</header>
<form>
  <label for="search">Search:</label>


  <input type="search" name="search" id="search" tabindex="1">
  <input type="submit" name="submit" value="Submit" id="submit" tabindex="2">


</form>
<h2>Inspirational Quotes</h2>
<blockquote>
  <p>&ldquo;There's no Theory of Evolution, just a list of creatures I've allowed to live.&rdquo;<br>
  - Chuck Norris</p>
</blockquote>
<blockquote>
  <p>&ldquo;Wise men say forgiveness is divine, but never pay full price for late pizza.&rdquo;<br>
  - TMNT</p>
</blockquote>
<footer>&copy; 2018 Camper Cat</footer>
</body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36.

Challenge: Use tabindex to Specify the Order of Keyboard Focus for Several Elements

Link to the challenge: