]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Fix: Docs: clashing IDs in form checkboxes 11262/head
authorBrian Shanley <bshanley@gmail.com>
Mon, 14 May 2018 10:18:47 +0000 (11:18 +0100)
committerGitHub <noreply@github.com>
Mon, 14 May 2018 10:18:47 +0000 (11:18 +0100)
Checkbox IDs in the "Forms" component are the same as in "Abide" and clashing with each other.
I have changed the IDs in "Forms" so they are distinct

docs/pages/kitchen-sink.md

index 4a413603ca2393f7212f9e6a42e9efb16441c3e8..88e8a05c095fcc6ea93843cfc4c587e7f7096d20 100644 (file)
@@ -553,15 +553,15 @@ description: Everything but.
   <div class="grid-x grid-margin-x">
     <fieldset class="cell large-6">
       <legend>Choose Your Favorite</legend>
-      <input type="radio" name="pokemon" value="Red" id="pokemonRed" required><label for="pokemonRed">Red</label>
-      <input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Blue</label>
-      <input type="radio" name="pokemon" value="Yellow" id="pokemonYellow"><label for="pokemonYellow">Yellow</label>
+      <input type="radio" name="pokemon" value="Red" id="formRed" required><label for="formRed">Red</label>
+      <input type="radio" name="pokemon" value="Blue" id="formBlue"><label for="formBlue">Blue</label>
+      <input type="radio" name="pokemon" value="Yellow" id="formYellow"><label for="formYellow">Yellow</label>
     </fieldset>
     <fieldset class="cell large-6">
       <legend>Check these out</legend>
-      <input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
-      <input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
-      <input id="checkbox3" type="checkbox"><label for="checkbox3">Checkbox 3</label>
+      <input id="formCheckbox1" type="checkbox"><label for="formCheckbox1">Checkbox 1</label>
+      <input id="formCheckbox2" type="checkbox"><label for="formCheckbox2">Checkbox 2</label>
+      <input id="formCheckbox3" type="checkbox"><label for="formCheckbox3">Checkbox 3</label>
     </fieldset>
   </div>
   <div class="grid-x grid-margin-x">