You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Piotr (JIRA)" <ji...@apache.org> on 2018/01/21 16:00:00 UTC

[jira] [Created] (CB-13811) jquery-mobile styles lost, when appending with jquery

Piotr created CB-13811:
--------------------------

             Summary: jquery-mobile styles lost, when appending <input> with jquery
                 Key: CB-13811
                 URL: https://issues.apache.org/jira/browse/CB-13811
             Project: Apache Cordova
          Issue Type: Bug
          Components: cordova-android
    Affects Versions: cordova-android-7.0.0
            Reporter: Piotr
            Assignee: Joe Bowser
         Attachments: input1.png, input2.png

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!



--
This message was sent by Atlassian JIRA
(v7.6.3#76005)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org