Issue with sap.m.Select inside a sap.m.InputListItem

Hello,

I'm developing a hybrid mobile app using OpenUI5 + Cordova and in one screen I have the following sap.m.InputListItem defined:

<InputListItem     label="{i18n>paymentTerms}">     <Select          id="idPaymentTerms"          items="{               path: '/PaymentTermsSet',               sorter: {path: 'text1'} }">               <items>                    <core:Item key="{key}" text="{text1}" />               </items>     </Select></InputListItem>

This is how the Moto G (4.5in) displays it:

Both the label and the sap.m.Select have their text truncated and a ellipsis is added if the selected item is too big.

But on devices with bigger screens, this is what happens:

I'm using OpenUI5 1.30.8, but this issue is present on older versions as well.

This is my Viewport meta tag:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

What can I do to fix this?

Regards,

Kenyon Tu