jquery mobile：输入后文本输入调整大小

Question

我目前正在与aache cordova / phonegap一起在jquery移动项目中工作。我试图实现一个简单的用户界面，但在使用文本输入时会出现问题。

当我触摸输入并在其中键入一些单词时，一切都很好。离开输入后，它会调整为较小的尺寸和属于它的标签。我尝试了很多并用Google搜索，但我没有解决方案。

我会发布你的代码并希望，有人有提示。

谢谢。

    <div data-role="page">

        <!-- data-position="fixed" verursacht Probleme mit den Textinputs -->

        <div data-role="header" data-position="fixed" data-tap-toggle="false">
            <h1>Storage Test</h1>
        </div>

        <div data-role="content">

            <input type="text" name="filename" id="filename" value=""/>

            <!-- Console -->
            <ul data-inset="true" data-role="listview" id="console" style="width:50%">
                <li data-role="list-divider" role="heading">Console</li>
            </ul>

            <!-- Control -->
            <ul data-inset="true" data-role="listview" id="control" style="width:48%; position:fixed; top:58px; right: 1%">

                <li data-role="list-divider" role="heading">Control</li>

                <li data-role="fieldcontain">
                    <label for="filename">Filename:</label>
                    <input type="text" name="filename" id="filename" value=""/>
                </li>

                <li>
                    <button data-theme="b" type="submit">Save to file system</button>
                </li>

            </ul>

        </div>

    </div>

</body>