.item-select select max-width: 65%

ionic-team · Apr 28, 2014 · 3bf1cd3 · 3bf1cd3
1 parent f4745c3
commit 3bf1cd3
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/scss/_select.scss b/scss/_select.scss
@@ -13,6 +13,7 @@
     top: 0;
     right: 0;
     padding: ($item-padding - 2) ($item-padding * 3) ($item-padding) $item-padding;
+    max-width: 65%;
 
     border: none;
     background: transparent;
@@ -29,6 +30,10 @@
     direction: rtl; // right align the select text
   }
 
+  option {
+    direction: ltr;
+  }
+
   &:after {
     position: absolute;
     top: 50%;

diff --git a/test/html/tapInputs.html b/test/html/tapInputs.html
@@ -158,6 +158,17 @@
             </select>
           </label>
 
+          <div class="item item-input item-select">
+            <div class="input-label">
+              Country
+            </div>
+            <select>
+              <option>Great Britain</option>
+              <option selected>Saint Vincent and the Grenadines option should be a text overflow issue</option>
+              <option>United States</option>
+            </select>
+          </div>
+
           <div class="item item-divider">
             Other Tests
           </div>