fix for .item-select

ionic-team · Apr 3, 2014 · 4ff6acb · 4ff6acb
1 parent 12b25dc
commit 4ff6acb
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 14 deletions.
diff --git a/scss/_select.scss b/scss/_select.scss
@@ -44,7 +44,7 @@
 }
 
 .item-select {
-  position: static; // required for Android 2.3
+  position: relative;
 
   select {
     position: absolute;

diff --git a/test/html/input-select.html b/test/html/input-select.html
@@ -100,21 +100,60 @@ <h1 class="title">Input: Select</h1>
 
         <div class="item item-input item-select">
           <div class="input-label">
-            Select Month
+            Lightsaber
           </div>
           <select>
-            <option>January</option>
-            <option>February</option>
-            <option>March</option>
-            <option>April</option>
-            <option>May</option>
-            <option>June</option>
-            <option>July</option>
-            <option>August</option>
-            <option>September</option>
-            <option>October</option>
-            <option>November</option>
-            <option>December</option>
+            <option>Blue</option>
+            <option selected>Green</option>
+            <option>Red</option>
+          </select>
+        </div>
+
+        <div class="item item-input item-select">
+          <div class="input-label">
+            Fighter
+          </div>
+          <select>
+            <option>ARC-170</option>
+            <option>A-wing</option>
+            <option>Delta-7</option>
+            <option>Naboo N-1</option>
+            <option>TIE Fighter</option>
+            <option selected>X-wing</option>
+            <option>Y-wing</option>
+          </select>
+        </div>
+
+        <div class="item item-input item-select">
+          <div class="input-label">
+            Droid
+          </div>
+          <select>
+            <option>2-1B</option>
+            <option>B1</option>
+            <option>C-3PO</option>
+            <option>IG-88</option>
+            <option>IT-O</option>
+            <option selected>R2-D2</option>
+          </select>
+        </div>
+
+        <div class="item item-input item-select">
+          <div class="input-label">
+            Planet
+          </div>
+          <select>
+            <option>Alderaan</option>
+            <option selected>Dagobah</option>
+            <option>Felucia</option>
+            <option>Geonosis </option>
+            <option>Hoth</option>
+            <option>Kamino</option>
+            <option>Mygeeto</option>
+            <option>Naboo</option>
+            <option>Tataouine</option>
+            <option>Utapau</option>
+            <option>Yavin</option>
           </select>
         </div>