Tabindex not working as it should in the lesson

Tell us what’s happening:

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?


Your code so far

  <h1>Even Deeper Thoughts with Master Camper Cat</h1>
      <li><a href="">Home</a></li>
      <li><a href="">Blog</a></li>
      <li><a href="">Training</a></li>
  <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">

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

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: