Select component to work like item note

[alexbainbridge]

On an item that has text and an item-note, when the text is too long, it wraps nicely around the item-note

On an item that has text and a select option component, when the text is too long, it goes over the top of the select option component, looking messy

Can the select component be made more like the item-note class? (When shown within the item, not talking about when the select component takes its device specific display while actually changing)

[perrygovier]

Hey @alexbainbridge, good point.

Here's an example. http://codepen.io/calendee/pen/zrDac?editors=101

This will have to be weighed carefully against other platform specific fixes and styles unique to selects.

[perrygovier]

The solution isn't as elegant as floating the select box so it jumps to the next level. Here we just take the background color of the item and apply it to the select box so item text gets cut off. I'd like a solution with ellipsis, but with the obscure browser specific fixes, this may be the best solution until we get rid of pre-kitkat android support.

[alexbainbridge]

Thanks @perrygovier Yeah - ha - remember the adage - at the end of the project - there are no simple solutions to anything - otherwise they wouldn't still be on the list of things to address!

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.