Doesn't work properly with JQuery Mobile

[mike20030405]

With JQuery Mobile 1.2.0, the data-displayInput box can't be positioned properly, other functions work good;
To verify the issue, just add following two lines into the HTML head section

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
    <script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>      

Also tried with previous JQuery Mobile 1.1.1, had the same issue;
Also Tried with more early JQuery Mobile 1.0a4.1, the index.html even didn't show up.

[enndott]

This was getting me too and it bugged me for quite a while. I ended up using the 3D inspect in Firefox to find where the element was going, which was offscreen. You can add data-role="none" < input data-role="none"... > and it should prevent jQuery Mobile from screwing with the positioning.

[aterrien]

Thank you for this tip !

[JakubHromada]

Thank you enndott!