fix(select): Update theme select demo (#2496)

material-components · Apr 2, 2018 · db424bf · db424bf
1 parent 525b7d4
commit db424bf
Showing 1 changed file with 23 additions and 31 deletions.
diff --git a/demos/theme/index.html b/demos/theme/index.html
@@ -647,37 +647,29 @@ <h3 class="mdc-typography--headline demo-component-section__heading">
           <a href="#select" class="demo-component-section__permalink" title="Permalink to the theme demo for the select component">#</a>
         </h3>
 
-        <div class="mdc-select" role="listbox">
-          <div class="mdc-select__surface" tabindex="0">
-            <div class="mdc-select__label">Pick a food group</div>
-            <div class="mdc-select__selected-text"></div>
-            <div class="mdc-select__bottom-line"></div>
-          </div>
-          <div class="mdc-menu mdc-select__menu">
-            <ul class="mdc-list mdc-menu__items">
-              <li class="mdc-list-item" role="option" id="none" aria-disabled="true">
-                Pick a food group
-              </li>
-              <li class="mdc-list-item" role="option" id="grains" tabindex="0">
-                Bread, Cereal, Rice, and Pasta
-              </li>
-              <li class="mdc-list-item" role="option" id="vegetables" aria-disabled="true" tabindex="0">
-                Vegetables
-              </li>
-              <li class="mdc-list-item" role="option" id="fruit" tabindex="0">
-                Fruit
-              </li>
-              <li class="mdc-list-item" role="option" id="dairy" tabindex="0">
-                Milk, Yogurt, and Cheese
-              </li>
-              <li class="mdc-list-item" role="option" id="meat" tabindex="0">
-                Meat, Poultry, Fish, Dry Beans, Eggs, and Nuts
-              </li>
-              <li class="mdc-list-item" role="option" id="fats" tabindex="0">
-                Fats, Oils, and Sweets
-              </li>
-            </ul>
-          </div>
+        <div class="mdc-select">
+          <select class="mdc-select__native-control">
+            <option value="grains" selected>
+              Bread, Cereal, Rice, and Pasta
+            </option>
+            <option value="vegetables" disabled>
+              Vegetables
+            </option>
+            <option value="fruit">
+              Fruit
+            </option>
+            <option value="dairy">
+              Milk, Yogurt, and Cheese
+            </option>
+            <option value="meat">
+              Meat, Poultry, Fish, Dry Beans, Eggs, and Nuts
+            </option>
+            <option value="fats">
+              Fats, Oils, and Sweets
+            </option>
+          </select>
+          <div class="mdc-select__label mdc-select__label--float-above">Pick a Food Group</div>
+          <div class="mdc-select__bottom-line"></div>
         </div>
       </section>