bug: bug: select text is getting cut off

[hypery2k]

Type: bug

Platform: mobile webview

Select text is cut with rc3:

Have to use this

.item-select select {
  padding: 14px 48px 8px 16px;
}
```</span>

<span is-issue-template></span>

[adamdbradley]

Did you change the height of the item row? If so I think having to add custom css is fine here.

[hypery2k]

No, no custom height. It works with rc0

[emilyemorehouse]

Any reason why this was closed? I'm having the same issue with a select box. Worked fine with rc0, but the descender is cut off after upgrading to 1.0.0.

Side note: the padding applied is the same between the two versions, it's the actual height of the element that differs. I couldn't track down what was causing this.

[itomaldonado]

I am with @emilyemorehouse as I am still having issues with the select boxes. I used bower and got this version driftyco/ionic-bower#v1.0.0".

Even when I look at the examples site ( http://ionicframework.com/docs/components/#select ) I see the issue. (See attached image...)

EDIT :

• I am on Mac OS X and I have tried Safari, Chrome and Firefox.
  • Also tried on Windows --> Firefox and Chrome.
• One last thing, it seems to be worse on Windows, for some reason....

[mhartington]

I see what the issue is, will take a look at it in the AM.

[itomaldonado]

Cool, thanks @mhartington. let us know~

[mhartington]

Should be fixed in master

[itomaldonado]

Hey preliminary tests seem to work. Before this change the CSS padding was: padding: 16px 48px 16px 16px; now I have padding: 0 48px 0 16px; and I don't see the letters being cut. I'll test as soon as I get home. Thanks @mhartington!

[zhouhao27]

Still have the problem in latest ionic.

[mhartington]

@zhouhao27 can you provide a demo of this?