Select menu: Text overflow bug


#1

First off, thank you for all the bug fixes and features you’ve added in the nightly build since the last beta. It’s great! Just came across this bug with long text overflowing in a select menu I wanted to share:


#2

Woah, thats a lot of text! Do you mind putting together a codepen? Seems like it’s a simple css fix but I want to look at it before I make a PR to fix it.


#3

Hmm, I’m not familiar with setting up a Codepen with the proper links to ionic but here’s the code for that menu in case it helps:

<div class="item item-input item-select">
<div class="input-label">
  Country
</div>
<select ng-model="country">
     <option>Great Britain</option>
     <option>Saint Vincent and the Grenadines</option>
     <option>United States</option>
</select>
</div>

#4

I updated it so the .item-select select as a max-width of 65%, but this is only a general setting and it could still have issues depending on the length of the label and the option text. If you need something more specific to you’re layout/content I’d suggest overriding that value.


#5

Ok great! Thank you.