From cc5e2f00cb21e8b84233cedf18ccdf304742eae9 Mon Sep 17 00:00:00 2001
From: Jim Barrett <jbweb@strivetech.com>
Date: Sat, 4 Feb 2017 18:25:08 -0500
Subject: [PATCH] Add `list-style: none` to `ms-ChoiceGroup-list` class, chg
 example from `div` to `li`

Change the `<ul>` child to be `<li>` from `<div>` to be compliant with
HTML spec. Add `list-style: none` to `ms-ChoiceGroup-list` class so the
default `li` bullets won't show up
---
 ghdocs/components/ChoiceFieldGroup.md            | 16 ++++++++--------
 .../ChoiceFieldGroup/ChoiceFieldGroup.scss       |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/ghdocs/components/ChoiceFieldGroup.md b/ghdocs/components/ChoiceFieldGroup.md
index f9324111..99b3e9a3 100644
--- a/ghdocs/components/ChoiceFieldGroup.md
+++ b/ghdocs/components/ChoiceFieldGroup.md
@@ -33,7 +33,7 @@ Used to indicate a single choice from multiple options.
   &lt;ul class&#x3D;&quot;ms-ChoiceFieldGroup-list&quot;&gt;
     
 
-&lt;div class&#x3D;&quot;ms-RadioButton&quot;&gt; 
+&lt;li class&#x3D;&quot;ms-RadioButton&quot;&gt; 
     &lt;input tabindex&#x3D;&quot;-1&quot; type&#x3D;&quot;radio&quot; class&#x3D;&quot;ms-RadioButton-input&quot;&gt;
     &lt;label role&#x3D;&quot;radio&quot;
         class&#x3D;&quot;ms-RadioButton-field &quot;
@@ -43,10 +43,10 @@ Used to indicate a single choice from multiple options.
 &gt;
         &lt;span class&#x3D;&quot;ms-Label&quot;&gt;Option 1&lt;/span&gt;
     &lt;/label&gt;
-&lt;/div&gt; 
+&lt;/li&gt; 
     
 
-&lt;div class&#x3D;&quot;ms-RadioButton&quot;&gt; 
+&lt;li class&#x3D;&quot;ms-RadioButton&quot;&gt; 
     &lt;input tabindex&#x3D;&quot;-1&quot; type&#x3D;&quot;radio&quot; class&#x3D;&quot;ms-RadioButton-input&quot;&gt;
     &lt;label role&#x3D;&quot;radio&quot;
         class&#x3D;&quot;ms-RadioButton-field &quot;
@@ -56,10 +56,10 @@ Used to indicate a single choice from multiple options.
 &gt;
         &lt;span class&#x3D;&quot;ms-Label&quot;&gt;Option 2&lt;/span&gt;
     &lt;/label&gt;
-&lt;/div&gt; 
+&lt;/li&gt; 
     
 
-&lt;div class&#x3D;&quot;ms-RadioButton&quot;&gt; 
+&lt;li class&#x3D;&quot;ms-RadioButton&quot;&gt; 
     &lt;input tabindex&#x3D;&quot;-1&quot; type&#x3D;&quot;radio&quot; class&#x3D;&quot;ms-RadioButton-input&quot;&gt;
     &lt;label role&#x3D;&quot;radio&quot;
         class&#x3D;&quot;ms-RadioButton-field  is-disabled &quot;
@@ -70,10 +70,10 @@ Used to indicate a single choice from multiple options.
         &gt;
         &lt;span class&#x3D;&quot;ms-Label&quot;&gt;Option 3&lt;/span&gt;
     &lt;/label&gt;
-&lt;/div&gt; 
+&lt;/li&gt; 
     
 
-&lt;div class&#x3D;&quot;ms-RadioButton&quot;&gt; 
+&lt;li class&#x3D;&quot;ms-RadioButton&quot;&gt; 
     &lt;input tabindex&#x3D;&quot;-1&quot; type&#x3D;&quot;radio&quot; class&#x3D;&quot;ms-RadioButton-input&quot;&gt;
     &lt;label role&#x3D;&quot;radio&quot;
         class&#x3D;&quot;ms-RadioButton-field &quot;
@@ -83,7 +83,7 @@ Used to indicate a single choice from multiple options.
 &gt;
         &lt;span class&#x3D;&quot;ms-Label&quot;&gt;Option 4&lt;/span&gt;
     &lt;/label&gt;
-&lt;/div&gt; 
+&lt;/li&gt; 
   &lt;/ul&gt;
 &lt;/div&gt; 
     </code>
diff --git a/src/components/ChoiceFieldGroup/ChoiceFieldGroup.scss b/src/components/ChoiceFieldGroup/ChoiceFieldGroup.scss
index d98b096e..cfab3eab 100644
--- a/src/components/ChoiceFieldGroup/ChoiceFieldGroup.scss
+++ b/src/components/ChoiceFieldGroup/ChoiceFieldGroup.scss
@@ -8,5 +8,6 @@
   .ms-ChoiceFieldGroup-list {
     padding: 0;
     margin: 0;
+    list-style: none;
   }
 }