From db424bf3e7d0a182c0bf8b3554e26265d1826f7d Mon Sep 17 00:00:00 2001
From: Will Ernest <34519388+williamernest@users.noreply.github.com>
Date: Mon, 2 Apr 2018 14:48:30 -0700
Subject: [PATCH] fix(select): Update theme select demo (#2496)

---
 demos/theme/index.html | 54 ++++++++++++++++++------------------------
 1 file changed, 23 insertions(+), 31 deletions(-)

diff --git a/demos/theme/index.html b/demos/theme/index.html
index 97b6d147b98..615bbda18f1 100644
--- 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>