[CB-13811] jquery-mobile styles lost, when appending <input> with jquery

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Not A Problem
• Affects Version/s: cordova-android-7.0.0
• Component/s: cordova-android
• Labels: JQueryMobile jquery
• External issue URL: https://stackoverflow.com/questions/48355010/jquery-mobile-styles-lost-when-appending-input-after-ondeviceready-with-jquer
• Assignee: Joey Robert Bowser
• Reporter: Piotr
• Created: 21/Jan/18 15:59
• Updated: 21/Jan/18 23:14
• Resolved: 21/Jan/18 23:14

Description

Not sure, if this should be considered a bug; it seems unlikely, that nobody has encountered it..

When <input> fields are added with jquery after 'onDeviceReady' in 'index.js' jquery mobile styles are lost.

minimal example:

index.html:

...

<div id="myone" class="ui-field-contain">

</div>

...

index.js:

...

onDeviceReady: function()

{     $("#myone").append("<input type='text' data-clear-btn='true'>"); }

, ...

see input2.png

If the <input> fields are added before 'onDeviceReady' they are styled appropriately.

see input1.png

 

This is akward and I couldn't find any workaround. Does cordova style <input>s in a special way? Some solution would be highly appreciated!