Adding input-field wrappers to material-selects in the demo.

krescruz · May 15, 2016 · 326f943 · 326f943
1 parent 214ede6
commit 326f943
Showing 1 changed file with 30 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -294,56 +294,68 @@ <h2 class="header">Material select</h2>
         </div>
         <div class="row">
             <div class="section col s4">
-                <select class="" ng-model="select.value1" material-select watch>
-                    <option ng-repeat="value in select.choices">{{value}}</option>
-                </select>
+                <div input-field>
+                    <select class="" ng-model="select.value1" material-select watch>
+                        <option ng-repeat="value in select.choices">{{value}}</option>
+                    </select>
+                </div>
             </div>
             <div class="section col s8">
                 <h5>You selected: <b>{{select.value1}}</b></h5>
             </div>
         </div>
         <div class="row">
 <pre><code class="language-markup" ng-non-bindable>
-&lt;select class="" ng-model="select.value1" material-select watch&gt;
-    &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
-&lt;/select&gt;</code></pre>
+&lt;div input-field&gt;
+    &lt;select class="" ng-model="select.value1" material-select watch&gt;
+        &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
+    &lt;/select&gt;
+&lt;/div&gt;</code></pre>
         </div>
 
         <div class="row">
             <h5>Multiple select</h5>
             <div class="section col s4">
-                <select class="" ng-model="select.value3" material-select multiple watch>
-                    <option ng-repeat="value in select.choices">{{value}}</option>
-                </select>
+                <div input-field>
+                    <select class="" ng-model="select.value3" material-select multiple watch>
+                        <option ng-repeat="value in select.choices">{{value}}</option>
+                    </select>
+                </div>
             </div>
             <div class="section col s8">
                 <h5>You selected: <b>{{select.value3}}</b></h5>
             </div>
         </div>
         <div class="row">
 <pre><code class="language-markup" ng-non-bindable>
-&lt;select class="" ng-model="select.value3" material-select multiple watch&gt;
-    &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
-&lt;/select&gt;</code></pre>
+&lt;div input-field&gt;
+    &lt;select class="" ng-model="select.value3" material-select multiple watch&gt;
+        &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
+    &lt;/select&gt;
+&lt;/div&gt;</code></pre>
         </div>
 
 
         <div class="row">
             <h5>Using class browser-default</h5>
             <div class="section col s4">
-                <select class="browser-default" ng-model="select.value2">
-                    <option ng-repeat="value in select.choices">{{value}}</option>
-                </select>
+                <div input-field>
+                    <select class="browser-default" ng-model="select.value2">
+                        <option ng-repeat="value in select.choices">{{value}}</option>
+                    </select>
+                </div>
             </div>
             <div class="section col s8">
                 <h5>You selected: <b>{{select.value2}}</b></h5>
             </div>
         </div>
         <div class="row">
 <pre><code class="language-markup" ng-non-bindable>
-&lt;select class="browser-default" ng-model="select.value2"&gt;
-    &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
-&lt;/select&gt;</code></pre>
+&lt;div input-field&gt;
+    &lt;select class="browser-default" ng-model="select.value2"&gt;
+        &lt;option ng-repeat="value in select.choices"&gt;{{value}}&lt;/option&gt;
+    &lt;/select&gt;
+&lt;/div&gt;</code></pre>
         </div>
 
         <div class="row" id="range">