Cannot Pass "Check Radio Buttons and Checkboxes by Default"

[TinyTabs]

The task says to make sure the first radio button and the first checkbox are selected by default. I insert the checked attribute inside of the correct input elements (being for the indoor radio button and the loving checkbox) so that they are selected as required. The problem is that it also asks that I do not change the inner text of the indoor or the loving label. I am terribly confused because I need to change the inside text of both of them because the inputs I need to edit are within those labels. I am stuck and I do not know what it is I am doing wrong or need to change.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

freeCodeCamp.org

[kevinSmith]

The code you present passes for me.

The “inner text” doesn’t refer to the attributes of the element. It refers to the text that the user sees on the screen, like " Indoor".

[TinyTabs]

I’m not sure why it doesn’t pass on my end. It only says this below in response to my solution.

“You should not change the inner text of the Indoor label. You should not change the inner text of the Loving label.”

[TinyTabs]

I just tried again on my phone’s browser. I did the same solution and it passed me. That’s a peculiar fix.

[kevinSmith]

Yeah, there might be some plugin on your browser that is interfering with the text. Rebooting, clearing the browser cache, and/or trying a different browser are always good options too.