Windows Mobile Cordova - Word Wrap Select a menu option

Question

I am creating a mobile application for Windows through Cordoba. I have a Select menu in which I have 8 parameters that should be displayed, of which the last option has long text. These values ​​are Static and come from the Sqlite Database. Now the last option appears (Other [for example, Donors; Corpora)) and does not appear completely, as shown in the picture.

How can I put the text there?

I am using css,

.disaster { word-wrap:break-word; } .disaster option{ word-wrap:break-word; } 

The HTML code I use is

 <select name="select-disaster" id="select-disaster" class="disaster"></select> 

Based on the identifier, I get selection options from the Sqlite database.

Please tell me how to make Word migration for this on a Windows 8 mobile phone?

Answer 1

Try using:

 white-space: pre-wrap; 

in existing code:

 .disaster { white-space: pre-wrap; } .disaster option{ white-space: pre-wrap; } 

Answer 2

I had the same problem with one of the applications I was working on using the ionic-framework, and I solved it using the white-space property:

 .disaster{ white-space: normal; } 

Answer 3

A simple implementation for this can be done using the plugin . See the demo, a very good link.