.item-select select max-width: 65%

Author: Adam Bradley

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%;

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>